line - Kurs HTML i CSS

Komendy CSS 2 / font
WARTOŚĆ [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit OPIS Atrybuty mieszane czcionki INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY dla cechy 'font-size' i 'line-height' MEDIA visual
Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...none... Ustawienie w pionie {vertical-align} selektor { vertical-align: sposób } Polecenie można zastosować do elementów wyświetlanych w linii (inline) lub komórek tabeli (<td>...</td> i <th>...</th>). Jako "sposób" należy podać: baseline - wyrównuje linię bazową elementu do linii bazowej elementu nadrzędnego (domyślnie) middle - ustawia element na środku wysokości elementów sąsiadujących text-top - wyrównuje szczyt elementu do szczytu tekstu elementu nadrzędnego text-bottom...
Komendy CSS3 / Układ wielokolumnowy CSS
...Zastosowanie kontenery układu wielokolumnowego Dziedziczenie nie Procenty nie column-rule-style Styl linii rozdzielająca kolumny Wartość <line-style> Inicjalizacja none Zastosowanie kontenery układu wielokolumnowego Dziedziczenie nie Procenty nie column-rule-width Szerokość linii rozdzielająca kolumny Wartość <line-width> Inicjalizacja medium Zastosowanie kontenery układu wielokolumnowego Dziedziczenie nie Procenty nie column-span Łączenie kolumn Wartość none | all...
Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...co prawda się powiększy, ale przynajmniej wygląd indeksów nie będzie popsuty: @supports (font-variant-position: sub) { sub { vertical-align: baseline; font-size: 100%; line-height: inherit; font-variant-position: sub; } } @supports (font-variant-position: super) { sup { vertical-align: baseline; font-size: 100%; line-height: inherit; font-variant-position: super; } } Przykład {font-variant-position} Dzięki zastosowaniu font-variant-position wysokość linii się nie zmienia...
Tekst HTML / Indeks górny i dolny <sup, sub>
...w prawo. Aby ustawić indeks górny i dolny równo ponad sobą w jednej pionowej linii, można się posłużyć następującym kodem: A12.
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...zgodności jeżeli deklaracja zawiera nierozpoznawaną wartość, zostaje pominięta w całości. Na przykład po podaniu: span { text-decoration: underline cross-out overline } tekst nie zostanie nawet podkreślony ani nadkreślony, ponieważ wartość cross-out jest nieprawidłowa. Natomiast starsze wersje Internet Explorera interpretowały deklarację do pierwszego nierozpoznanego składnika, tzn. w tym przypadku tekst zostałby pokreślony, ale nie nadkreślony. Miało to wpływ na następujące własności...
Tekst CSS / Białe znaki w tekście {white-space}
...po napotkaniu znaku nowej linii - klawisz Enter - oraz automatycznie na końcu szerokości strony (Opera 7.5, Firefox 3, Chrome, Konqueror) pre-line - (CSS 2.1) jak wyżej z tym, że sąsiadujące spacje są zamieniane na jedną Polecenie pozwala sterować wyświetlaniem spacji na ekranie. Domyślnie nie jest możliwe postawienie obok siebie kilku spacji, ponieważ zostaną one automatycznie zamienione na jedną. Nie można również postawić spacji na początku wiersza. Dzięki użyciu komendy...
Komendy CSS 2 / text-decoration
WARTOŚĆ none | [ underline || overline || line-through || blink ] | inherit OPIS Dekoracja tekstu INICJALIZACJA none ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
Jednostki CSS / Długość
...procentowe obszaru wyświetlania. Dzięki nim, nieważne jakie będą fizyczne wymiary ekranu, ustalając wielkość tekstu jako np. "font-size: 5vh; line-height: 100%" zapewnimy, że na ekranie powinno zmieścić się dokładnie 20 linijek tekstu (bez konieczności przewijania). Jednostki bezwzględne Jednostki bezwzględne są użyteczne tylko wtedy, gdy fizyczne własności medium wyjściowego (np. monitor) są znane. Należy ich używać zawsze wtedy, gdy zależy nam, aby wybrany element zajmował zawsze...
Selektory CSS
...element E z identyfikatorem ID równym "ident" Selektor identyfikatora 1 Selektory pseudoelementów Wzór Znaczenie Opis CSS P:first-line pierwsza linijka akapitu P Pierwsza linia 1 P:first-letter pierwsza litera akapitu P Pierwsza litera 1 E:before wstawia treść przed zawartością elementu E Przed... 2 E:after wstawia treść po zawartości elementu E Po... 2 Selektory pseudoklas Wzór Znaczenie Opis CSS E:root element E, który jest korzeniem...

« 1 2 3 »