Styl CSS: font-size
Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier •
ostatnia aktualizacja kursu: 2003.06.01
[Start] •
[Elementy HTML] •
[Atrybuty HTML] •
[Style CSS] •
[Porady online]
[A]
[B]
[C]
[D]
[E]
[F]
[H]
[I]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[U]
[V]
[W]
[Z]
[kolory] •
[tekst] •
[czcionki] •
[rozmiary] •
[pozycje] •
[tabele] •
[listy] •
[formularze]
[struktura] •
[linki] •
[multimedia] •
[bloki] •
[obramowania] •
[tła] •
[synteza] •
[druk]
font-size
Styl definiuje wielkość czcionki.
Wartości:
• medium (wartość domyślna) - CSS1 / IE3, N4, O3.5
standardowy rozmiar
• długość wyrażona w [px|mm|cm|in|pt|pc|em|ex] - CSS1 / IE3, N4, O3.5
wartość dodatnia
• procenty - CSS1 / IE3, N4, O3.5
wartość wyrażona w procentach
• xx-small|x-small|small|smaller - CSS1 / IE3, N4, O3.5
małe rozmiary, próbki poniżej
• xx-large|x-large|large|larger - CSS1 / IE3, N4, O3.5
duże rozmiary, próbki poniżej
• inherit - CSS2 / N6
przejęcie wartości "rodzica", np. font-size:inherit;
Pozostałe cechy:
• CSS/przeglądarki: CSS1 / IE3, N4, O3.5
• odpowiednik HTML: size
Przykładowe zastosowania:
• Przykład 1:
Przykładowy tekst, w którym pokazane są różne wymiary czcionek:
<br>- <span style="font-size:smaller;"> próbka smaller</span>
<br>- <span style="font-size:xx-small;"> próbka xx-small</span>
<br>- <span style="font-size:x-small;"> próbka x-small</span>
<br>- <span style="font-size:small;"> próbka small</span>
<br>- <span style="font-size:larger;"> próbka larger</span>
<br>- <span style="font-size:large;"> próbka large</span>
<br>- <span style="font-size:x-large;"> próbka x-large</span>
<br>- <span style="font-size:xx-large;"> próbka xx-large</span>
Przykładowy tekst, w którym pokazane są różne wymiary czcionek:
- próbka smaller
- próbka xx-small
- próbka x-small
- próbka small
- próbka larger
- próbka large
- próbka x-large
- próbka xx-large
• Przykład 2:
<style type="text/css"><!--
body {font-size: 16px;}
.mini {font-size: 12px;}
--></style>
• • •
Zobacz porady, skrypty, artykuły i gotowe rozwiązania dla właścicieli stron WWW!
Wyszukiwarka
Podobne podstrony:
font size adjustoption font size style valuesoption font size classesfunction mcrypt module get algo key sizefont variantfont licenseSIL Open Font License 1 1function mcrypt get iv sizefunction shmop sizeSIL OFL Font License Hammersmith OnewiÄcej podobnych podstron