przykład - Kurs HTML i CSS
Pozycjonowanie CSS / Widzialność {visibility}...wyznaczone na nowo, dlatego stała się ona węższa, gdyż dopasowała się do zawartości tylko widzialnych komórek. Podkreślenia wymaga również fakt, że przykładowa tabela z "visibility: collapse" nie powinna wyglądać tak samo jak "visibility: hidden" - jeżeli wyglądają identycznie, to znaczy że Twoja przeglądarka nieprawidłowo interpretuje to polecenie. visibility: collapse na innym elemencie (obrazek z przykładu na samym początku) - zachowanie powinno być identyczne, jak dla "visibility...
- Kursory CSS / Kolor karetki tekstowej {caret-color}
(CSS 3 - interpretuje Firefox 53, Opera 44, Chrome 57) selektor { caret-color: kolor } Selektorem może być element interaktywny, w którym użytkownik może wpisywać tekst, np. textarea, input[type="text"]. Natomiast jako "kolor" należy podać definicję koloru albo wartość auto (zresetowanie karetki testowej do domyślnego koloru). W przypadku interaktywnych elementów strony, w których można wpisywać tekst, pojawia się tzw. karetka. Wskazuje ona miejsce, w którym pojawią nowe znaki tekstu, kiedy...
- Drukowanie CSS / Blokada przełamania strony {page-break-inside}
(interpretuje: Internet Explorer, Firefox, Opera, Chrome) selektor { page-break-inside: wartość } Selektorem może być znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Natomiast jako "wartość" należy podać: avoid - unikanie przełamania auto - brak ograniczeń Polecenie page-break-inside: avoid powoduje, że strona nie zostanie przełamana wewnątrz wskazanego elementu, tzn. pozostanie on w całości na jednej stronie (chyba że będzie zbyt duży, aby się na niej zmieścić). Jest to...
- Drukowanie CSS / Kontekst strony @page
@page { cecha: wartość } Jako cecha i wartość można wstawić jedną lub więcej deklaracji: marginesy strony: margin, margin-top, margin-right, margin-bottom, margin-left rozmiar papieru: size W deklaracjach kontekstu strony nie wolno używać jednostek "em" (wysokość czcionki) ani "ex" (wysokość małej litery), ponieważ nie istnieje w nim pojęcie czcionki. Kontekst strony definiuje wygląd samej strony - np. arkusza papieru na wydruku - a nie jej zawartości. Można w ten sposób ustawić...
- Drukowanie CSS / Rozmiar papieru @page {size}
@page { size: rozmiar } Jako rozmiar można podać: auto - wartość domyślna (najczęściej portrait) portrait - wydruk na kartce w orientacji pionowej (portret) landscape - wydruk na kartce w orientacji poziomej (krajobraz) jedna wartość długości - kwadratowy obszar wydruku o podanych rozmiarach wyrażonych w jednostkach innych niż procent dwie wartości długości - szerokość i wysokość obszaru wydruku rozdzielone od siebie spacją Typowa drukarka najczęściej drukuje strony w orientacji...
- Drukowanie CSS / Druk dwustronny @page :left :right
Strony lewe: @page :left { cecha: wartość } Strony prawe: @page :right { cecha: wartość } Jako cecha i wartość można wstawić jedną lub więcej deklaracji odpowiednich dla kontekstu strony. Niektóre drukarki posiadają specjalny podajnik papieru pozwalający automatycznie zadrukowywać kartki po ich obu stronach. Nawet jeśli urządzenie nie ma wbudowanej takiej funkcji, druk dwustronny można zrealizować ręcznie: najpierw drukując nieparzyste strony, a następnie przekładając je odwrotnie z...
- Drukowanie CSS / Typ strony wydruku {page}
@page strona { cecha: wartość } selektor { page: strona } Jako strona należy wpisać dowolny tekst, który może się składać z małych i wielkich liter łacińskich (bez polskich znaków diakrytycznych), cyfr i myślników "-". Nie może się jednak zaczynać cyfrą ani myślnikiem. Aby użyć innych znaków, należy je poprzedzić odwróconych ukośnikiem "\". Jako cecha i wartość można wstawić jedną lub więcej deklaracji odpowiednich dla kontekstu strony. Selektorem może być dowolny znacznik blokowy - np. table...
- Tryb Quirks / Tryb niecałkowitej zgodności ze standardami
Ten rozdział dotyczy starszych przeglądarek i języka HTML 4.01. Jeśli tworzysz strony w HTML 5 na współczesne przeglądarki, nie musisz się tym przejmować. Interpretacja pewnych elementów wyglądu strony w Internet Explorerze 5 w dużym stopniu różniła się od obowiązujących standardów. Inne przeglądarki często się do tego dostosowywały. W Internet Explorerze 6 ta sytuacja uległa zmianie. Jednak, aby nie powodować poważnych błędów wyświetlania na starszych stronach WWW, które poprawnie wyświetlały...
- Jednostki CSS / Łańcuchy znakowe
...wpisujemy \HHHH, gdzie HHHH jest dwubajtową liczbą szesnastkową (dokładnie cztery cyfry 0-F), tzn. należy obowiązkowo wpisać cztery cyfry. Na przykład: "\A" = "\000A" = Enter "\22" = "\0022" = '"' "\27" = "\0027" = "'"
- Jednostki CSS / Długość
...obszaru wyświetlania odnoszą się do wymiarów tej widocznej powierzchni okna, w obrębie której przewijana jest zawartość strony (ang. viewport). Na przykład długość 100vw wynosi tyle co szerokość całego obszaru wyświetlania - 100%. vw - procentowa szerokość obszaru wyświetlania vh - procentowa wysokość obszaru wyświetlania vmin - mniejsza z wartości vw lub vh vmax - większa z wartości vw lub vh Nie jesteśmy w stanie przewidzieć, z jakiego urządzenia wyświetlającego korzysta użytkownik...