Opera - Kurs HTML i CSS
Na tej stronie znajduje się lista wszystkich artykułów, dostępnych w serwisie Kurs HTML i CSS, które dotyczą tematyki: Opera.
Kursory CSS / Kursor obrazkowy {cursor: url}Jak wczytać kursor (wskaźnik) myszki z pliku?
- Drukowanie CSS / Rozmiar papieru @page {size}
Co zrobić, żeby strona WWW była drukowana na kartce w orientacji poziomej? Jak obrócić drukowane zdjęcie? W jaki sposób wydrukować stronę na kartce w formacie A5, A3, B5 lub B4?
HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>Czy w języku HTML da się ustawić rozmiary przycisku obrazkowego do wysyłania formularza?
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
W jaki sposób zresetować (wyczyścić, usunąć) całe formatowanie wybranemu elementowi na stronie?
- Tło CSS / Powtarzanie tła obrazkowego {background-repeat}
W jaki sposób zapobiec powielaniu grafiki wstawionej w tle albo powielić ją tylko w jednym kierunku (poziomo lub pionowo)?
- HTML5 / Filmy i dźwięk <video, audio, source>
W jaki sposób wstawić odtwarzacz filmów wideo lub muzyki audio na stronie internetowej?
- HTML5 / Napisy do filmów <track>
Jak dodać napisy (ścieżkę tekstową) do filmu wideo?
- HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>
Jak zablokować przełączanie klawiatury smartfona w tryb automatycznego wstawiania pierwszej litery jako wielkiej?
- HTML5 / Walidacja pól formularza <input pattern>
Jak zrobić pole formularza do wpisania tekstu w niestandardowym formacie - np. kodu pocztowego?
- Czcionki CSS / Czcionki osadzone @font-face
W jaki sposób wczytać czcionkę z pliku?
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
Jak ustawić obrazek (grafikę, zdjęcie) lub dowolny inny element po lewej bądź po prawej stronie tekstu? Jak ustawić element na górze, na środku lub na dole innego elementu? Jak stworzyć indeks górny i dolny za pomocą CSS?
- Drukowanie CSS / Linijki na stronie {widows, orphans}
W jaki sposób poprawić estetykę wydruku, kontrolując liczbę linijek wdowich (na górze) i sierocych (na dole)?
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
Jak zrobić tło graficzne (obrazek, zdjęcie), które nie przesuwa się przy przewijaniu strony?
- HTML5 / Wstępne ładowanie <link "preload" as>
W jaki sposób przyspieszyć ładowanie zewnętrznych zasobów (plików): zdjęć, filmów wideo, dźwięku audio, arkuszy stylów CSS, czcionek, skryptów?
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
W jaki sposób stworzyć własny, niestandardowy rodzaj (typ, styl) wykazu? Jak zrobić listę z punktami w postaci emotikon (emoji)?
- HTML5 / Responsywny obrazek <picture, source>
W jaki sposób wstawić na stronie internetowej obrazek (grafikę, zdjęcie, fotografię, ilustrację), który automatycznie dopasowuje się do wielkości ekranu?
- Obramowanie CSS / Styl obramowania {border-...-style}
Jak dodać obramowanie do dowolnego elementu: linia przerywana (kreskowa i kropkowa), linia ciągła, podwójne obramowanie, rowek, grzbiet, ramka, przycisk?
- Drukowanie CSS / Kontekst strony @page
Jak ustawić marginesy strony na wydruku?
- HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
Jak wstawić na stronie WWW pole (kontrolkę) formularza służącą do wyboru: koloru, daty, czasu, tygodnia roku, adresu e-mail, wartości liczbowej, przedziału (zakresu) liczb, numeru telefonu, adresu strony (URL) czy pole wyszukiwania?
- Media CSS / Zapytania mediów
Jak stworzyć stronę, która automatycznie dopasowuje się do możliwości urządzenia: komputer, tablet, smartphone, telewizor, projektor?