line - Kurs HTML i CSS
- Tekst CSS / Wysokość linii tekstu {line-height}
selektor { line-height: wysokość } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wysokość" należy podać konkretną wielkość odstępu między liniami bazowymi wierszy używając jednostek długości. Wpisanie "normal" przywróci wartość domyślną. Polecenie to pozwala ustalić odstęp pomiędzy liniami bazowymi wszystkich wierszy w bloku - tzw. interlinia. Dzięki temu linijki mogą być...
- Selektory pseudoelementów CSS / Pierwsza linia :first-line
selektor:first-line { cecha: wartość } Selektorem może być znacznik wyświetlany w bloku. CSS 2.1 dozwala zastosowanie dodatkowo do elementów inline-block, tytułów (podpisów) tabeli (<caption>...</caption>) oraz komórek tabeli (<td>...</td>). [Zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie raz zdefiniowane w arkuszu stylów, pozwala na nadanie określonych cech wszystkim...
- Komendy CSS 2 / line-height
WARTOŚĆ normal | <liczba> | <długość> | <procent> | inherit OPIS Wysokość linii INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY odnosi się do rozmiaru czcionki elementu MEDIA visual
- Komendy CSS3 / Tło i obramowanie CSS
...elementy Dziedziczenie nie Procenty odnosi się do powierchni pozycjonowania tła border Atrybuty mieszane obramowania obramowania Wartość <line-width> || <line-style> || <color> Inicjalizacja zobacz cechy indywidualne Zastosowanie wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby Dziedziczenie nie Procenty nie border-bottom Atrybuty mieszane dolnego obramowania Wartość <line-width> || <line-style> || <color> Inicjalizacja zobacz cechy...
- Komendy CSS3 / Układ siatki CSS
...układu siatki Dziedziczenie zobacz cechy indywidualne Procenty zobacz cechy indywidualne grid-area Obszar układu siatki Wartość <grid-line> [ / <grid-line> ]{0,3} Inicjalizacja auto Zastosowanie dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki Dziedziczenie nie Procenty nie grid-auto-columns Automatyczne kolumny układu siatki Wartość <track-size>+ Inicjalizacja auto Zastosowanie kontenery układu...
- Oprawa graficzna / "Duszki" CSS
...<li><a href="obramowanie.html">Obramowanie</a></li> </ul> ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul li { width: 200px; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } ul a:link, ul a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px 5px 20px; font-weight: bold; background: #bfb url(obrazek.gif) no-repeat -16px -25px; color: #365...
- Czcionki CSS / Atrybuty mieszane czcionki {font}
...i small-caps font-weight font-stretch - w tym poleceniu obsługiwane jest dopiero w CSS 3 Obowiązkowo wartość font-size Opcjonalnie wartość line-height poprzedzona znakiem ukośnika ("/") Obowiązkowo wartość font-family Zmiana kolejności może (ale nie musi) spowodować, że atrybut taki nie zostanie uznany. Ponadto przed wartością atrybutu line-height (wysokość linii) należy obowiązkowo postawić ukośnik. Obowiązkowo należy podać wartości przynajmniej dla font-size i font-family - w...
- Komendy CSS3 / Dekoracja tekstu CSS
Źródło: CSS Text Decoration Module Level 3 Spis treści text-decoration text-decoration-color text-decoration-line text-decoration-style text-emphasis text-emphasis-color text-emphasis-position text-emphasis-style text-shadow text-underline-position text-decoration Dekoracja tekstu Wartość <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> Inicjalizacja zobacz cechy indywidualne Zastosowanie zobacz cechy indywidualne Dziedziczenie zobacz...
- Komendy CSS3 / Tekst CSS
Źródło: CSS Text Module Level 3 Spis treści hanging-punctuation hyphens letter-spacing line-break overflow-wrap tab-size text-align text-align-all text-align-last text-indent text-justify text-transform white-space word-break word-spacing word-wrap hanging-punctuation Zawieszenie znaków interpunkcyjnych Wartość none | [ first || [ force-end | allow-end ] || last ] Inicjalizacja none Zastosowanie tekst Dziedziczenie tak Procenty nie hyphens Dzielenie Wartość...
- Tekst CSS / Dekoracja tekstu {text-decoration}
...np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "dekoracja" należy podać: none - bez zmian underline - podkreślenie line-through - przekreślenie overline - nadkreślenie blink - migotanie tekstu (nieobsługiwane w nowych przeglądarkach) Polecenie umożliwia na wybór określonej dekoracji tekstu (np. podkreślenie). Migotanie może nie być interpretowane przez wszystkie przeglądarki! Przykład {text-decoration} dekoracja none dekoracja...