Dodatek D.

Krótki przewodnik po kaskadowych arkuszach stylów (CSS)

Kaskadowe arkusze stylów dają zaawansowane możliwości rozmieszczania i wyświetlana na stronach zarówno tekstu, jak i obrazów. Dzięki nim, z ogromną precyzją można umieszczać na stronach tekst, obrazy oraz inne elementy multimedialne. W tym dodatku umieściłam krótkie opisy właściwości CSS1 oraz tych właściwości i wartości CSS2, jakie pojawiły się w rekomendacji CSS2 z dnia 12 maja 1998 roku. Aktualnie jest to najnowsza wersja tego dokumentu.

Notatka

Informacje podane w tym dodatku bazują na rekomendacji W3C kaskadowych arkuszy stylów poziomu 2 (Cascading Style Sheets, Level 2), z dnia 12 maja 1998 roku. Dokument ten można znaleźć na WWW pod adresem http://www.w3.org/TR/REC-CSS2/.

Aby ułatwić dostęp do informacji, właściwości przedstawione w tym dodatku zostały zorganizowane w następujący sposób:

• właściwości bloku,

• właściwości tła i koloru,

• właściwości modelu blokowego,

• właściwości czcionek,

• właściwości list,

• właściwości tekstu,

• właściwości efektów wizualnych,

• głosowe właściwości arkuszy stylów,

• właściwości zawartości wygenerowanej/automatycznego numerowania,

• właściwości mediów stronicowanych,

• właściwości tabel,

• właściwości interfejsu użytkownika,

• jednostki stosowane w kaskadowych arkuszach stylów.

Jak korzystać z tego dodatku

Każda właściwość zawiera informacje podane w następującej kolejności:

• zastosowanie — opis właściwości,

• wartości CSS1 — poprawna składnia oraz wartości dostępne w CSS1,

• wartości CSS2 — poprawna składnia oraz wartości dostępne w CSS2,

• wartość początkowa — początkowa wartość właściwości,

• stosowana do — elementy dla jakich można użyć danej właściwości,

• dziedziczona — czy właściwość jest dziedziczona,

• notatki — informacje dodatkowe.

Określanie wartości CSS jest doświadczeniem wymagającym cierpliwości i ścisłego stosowania się do zasad logiki. Aby określić wartości wszystkich właściwości opisanych w tym dodatku, powinieneś posługiwać się schematem przedstawionym poniżej.

Wartości różnych typów są rozróżniane w następujący sposób.

• Słowa kluczowe — Słowa kluczowe to identyfikatory, takie jak: red, auto, normal czy też inherit. Nie są one zapisywane w cudzysłowach.

• Proste typy danych — Te wartości, na przykład, <liczba> lub <długość> są zapisywane w nawiasach kątowych; oznaczają one faktyczne wartości podawane w arkuszach stylów. Koniecznie należy zwrócić uwagę, iż oznaczenia te jedynie określają typ danych i nie stanowią faktycznej wartości. Proste typy danych zostały opisane pod koniec tego dodatku.

• Odwołania skrótowe — Wartości zapisane w nawiasach kątowych i apostrofach, jak, na przykład, <'background-color'> we właściwości background, określają uproszczoną, skrótową metodę podania wartości. Wartości określone w background-color mogą zostać użyte we właściwości background. Jeśli, na przykład, będziesz chciał określić kolor tła dokumentu, możesz to zrobić na dwa sposoby: body { background: red } lub body { background-color: red }.

• Predefiniowane typy danych — Wartości zapisane w nawiasach kątowych jednak bez apostrofów, na przykład, <obramowanie-grubość> we właściwości border-top-width, przypominają proste typy danych, jednak zawierają wartości predefiniowane. Na przykład, dostępne wartości <obramowanie-grubość> to: thin, thick, medium oraz <długość>.

Jeśli właściwość będzie mieć kilka wartości, zostaną one zapisane według następujących reguł.

• Sąsiednie słowa — Kilka sąsiadujących ze sobą słów oznacza, że wszystkie wartości muszą zostać podane, jednak ich kolejność jest dowolna.

• Wartości oddzielone pionową kreską „|” — Pionowa kreska oddziela wartości alternatywne, z których można użyć tylko jednej.

• Wartości oddzielone dwiema pionowymi kreskami „||” — Dwie pionowe kreski oddzielają opcje, z których można wybrać jedną lub kilka i podać w dowolnej kolejności.

• Nawiasy prostokątne „[]” — Nawiasy prostokątne grupują wartości w wyrażenia, obliczane podobnie jak wyrażenia matematyczne.

Określając wartości, podane w tym dodatku, kolejność jaką należy przyjąć jest następująca: wartości sąsiednie mają wyższy priorytet, niż wartości oddzielone dwoma pionowymi kreskami, a te z kolei mają wyższy priorytet od wartości oddzielonych pojedynczą pionową kreską.

Dodatkowo, po każdej wartości lub grupie wartości może się pojawić modyfikator. Oto używane modyfikatory:

• * (gwiazdka) — umieszczony przed nią typ, słowo lub grupa może się pojawić dowolną ilość razy (w tym, w ogóle),

• + (plus) — umieszczony przed nią typ, słowo lub grupa może się pojawić raz lub kilka razy,

• ? (znak zapytania) — umieszczony przed nim typ, słowo lub grupa jest opcjonalna,

• {} (nawiasy klamrowe) — otaczające parę cyfr, na przykład, {1, 2} określają, że umieszczony wcześniej typ, słowo lub grupa może się pojawić o najmniej raz i co najwyżej dwa razy.

Właściwości bloku

Elementy blokowe to te, które są wizualnie przedstawione w postaci bloków. Przykładowo, są to listy i akapity.

bottom, left, right, top

Zastosowanie	Określa, w jakiej odległości dolna, lewa, prawa lub górna krawędź zawartości bloku będzie się znajdowała od odpowiedniej dolnej, lewej, prawej lub górnej krawędzi bloku zewnętrznego, w którym został umieszczony blok zawartości.
Wartości CSS2	<długość> | <wartość_procentowa> | auto | inherit
Wartość początkowa	auto
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Wartości procentowe odnoszą się do wysokości bloku zewnętrznego.

direction

Zastosowanie	Określa kierunek tekstu bloku wpisanego, kierunek tekstu osadzonego, układu kolumny oraz rozkładu zawartości.
Wartości CSS1	ltr | rtl
Wartości CSS2	inherit
Wartość początkowa	ltr
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.
Uwagi	Patrz właściwość unicode-bidi, która jest kolejną właściwością związaną z kierunkiem wyświetlania tekstu osadzonego.

display

Zastosowanie	Określa, w jaki sposób ma być generowana zawartość bloku.
Wartości CSS1	inline | block | list-item
Wartości CSS2	run-in | compact | marker | table | inline-table | table-row-group | table-column-group | table-header-group | table-footer-group | table-row | table-cell | table-caption | none | inherit
Wartość początkowa	inline
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

float

Zastosowanie	Określa, czy blok może być przesuwany w prawo lub lewo czy nie.
Wartości CSS1	none | left | right
Wartości CSS2	inherit
Wartość początkowa	none
Stosowana do	Elementów, których położenie nie zostało określone bezwzględnie.
Dziedziczona	Nie.

position

Zastosowanie	Określa, jaki algorytm umiejscawiania dostępny w CSS2 ma być użyty do określenia współrzędnych bloku.
Wartości CSS2	static | <wielkość_względna> | <wielkość_bezwzględna> | fixed | inherit
Wartość początkowa	static
Stosowana do	Wszystkich elementów prócz zawartości wygenerowanej.
Dziedziczona	Nie.

unicode-bidi

Zastosowanie	Otwiera nowy poziom osadzania związany z algorytmem dwukierunkowym w sytuacji, gdy elementy o zawartości wyświetlanej w przeciwnym kierunku są zagłębione na więcej niż jeden poziom.
Wartości CSS2	normal | embed | bidi-override | inherit | normal
Wartość początkowa	normal
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

z-index

Zastosowanie	Określa kolejność ułożenie bloku oraz, czy określa on lokalny kontekst układania.
Wartości CSS2	auto | <liczba_całkowita> | inherit
Wartość początkowa	auto
Stosowana do	Elementów generujących bloki umiejscowione względnie lub bezwzględnie.
Dziedziczona	Nie.

Właściwości tła i koloru

HTML daje możliwości globalnego określania właściwości tła oraz kolorów dla tekstu, połączeń oraz tła strony w jej nagłówku; natomiast CSS udostępniają podobne właściwości, pozwalające na określenie koloru i tła poszczególnych elementów strony. Poniżej przedstawione zostały właściwości mające wpływ na kolor elementów strony oraz postać ich tła.

background

Zastosowanie	Skrótowa właściwość ułatwiająca określanie poszczególnych właściwości tła w jednym miejscu arkusza stylów.
Wartości CSS1	[<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>]
Wartości CSS2	inherit
Wartość początkowa	Niezdefiniowana.
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

background-attachment

Zastosowanie	Jeśli jest określony obraz tła, to właściwość ta określa, czy jego położenie w oknie jest stałe lub też, czy będzie się on przesuwał wraz z przewijanym dokumentem.
Wartości CSS1	scroll | fixed
Wartości CSS2	inherit
Wartość początkowa	scroll
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

background-color

Zastosowanie	Określa kolor tła elementu.
Wartości CSS1	<kolor> | transparent
Wartości CSS2	inherit
Wartość początkowa	transparent
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

background-image

Zastosowanie	Określa obraz tła danego elementu.
Wartości CSS1	<uri> | none
Wartości CSS2	inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Autorzy stron powinni także określać kolor tła, który zostanie wykorzystany, jeśli obraz tła nie będzie dostępny.

background-position

Zastosowanie	Określa początkowe położenie obrazu tła, jeśli został on podany.
Wartości CSS1	[[<wartość_procentowa> | <długość>](1, 2) || [top | center | bottom] || [left | center | right]]
Wartości CSS2	inherit
Wartość początkowa	0% 0%
Stosowana do	Elementy blokowe oraz zastąpione.
Dziedziczona	Nie.

background-repeat

Zastosowanie	Określa, czy obraz tła jest powtarzany (wyświetlany jeden obok drugiego), a jeśli tak, to w jaki sposób, zakładając, że obraz tła w ogóle został podany.
Wartości CSS1	repeat-x | repeat-y | repeat | no-repeat
Wartości CSS2	inherit
Wartość początkowa	repeat
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

color

Zastosowanie	Określa kolor tekstu zawartości elementu.
Wartości CSS1	<kolor>
Wartości CSS2	inherit
Wartość początkowa	Zależna od przeglądarki.
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

Właściwości modelu blokowego

Każdy element w drzewie dokumentu jest umieszczony w prostokątnym bloku i rozmieszczony na stronie zgodnie z wizualnym modelem formatowania. Następujące właściwości mają wpływ na postać bloku elementu.

border

Zastosowanie	Właściwość skrótowa umożliwiająca nadanie tego samego koloru, szerokości i stylu wszystkim krawędziom obramowania elementu.
Wartości CSS1	['border-width' || 'border-style' || <kolor>]
Wartości CSS2	inherit
Wartość początkowa	Niezdefiniowana dla wartości skrótowych.
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Ta właściwość akceptuje tylko jedną wartość. Aby określić odmienne wartości dla każdej z krawędzi obramowania elementu, należy zastosować właściwości border-width, border-style oraz border-color.

border-bottom, border-left, border-right, border-top

Zastosowanie	Właściwości skrótowe umożliwiające określenie szerokości, koloru oraz stylu odpowiednio dolnej, lewej, prawej oraz górnej krawędzi obramowania elementu.
Wartości CSS1	['border-bottom-width' || 'border-style' || <kolor>] ['border-left-width' || 'border-style' || <kolor>] ['border-right-width' || 'border-style' || <kolor>] ['border-top-width' || 'border-style' || <kolor>]
Wartości CSS2	inherit
Wartość początkowa	Niezdefiniowana.
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

border-color

Zastosowanie	Określa kolor wszystkich czterech krawędzi obramowania.
Wartości CSS1	<kolor>(1, 4) | transparent
Wartości CSS2	inherit
Wartość początkowa	Wartość właściwości <kolor>.
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Tej właściwości można przypisać od jednej do czterech wartości, działają one w następujący sposób: jedna wartość: określa kolor wszystkich krawędzi obramowania, dwie wartości: pierwsza wartość to kolor górnej i dolnej krawędzi, a druga — prawej i lewej, trzy wartości: pierwsza wartość to kolor górnej krawędzi, druga — prawej i lewej krawędzi, a trzecia — dolnej krawędzi obramowania, cztery wartości: odpowiednio kolory górnej, prawej, dolnej i lewej krawędzi obramowania.

border-bottom-color, border-left-color, border-right-color, border-top-color

Zastosowanie	Określa kolor krawędzi obramowania.
Wartości CSS1	<kolor>
Wartości CSS2	inherit
Wartość początkowa	Wartość właściwości <kolor>
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

border-style

Zastosowanie	Określa styl wszystkich czterech krawędzi obramowania elementu.
Wartości CSS1	none | dotted | dashed | solid | double | groove | ridge | inset | outset
Wartości CSS2	inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Tej właściwości można przypisać od jednej do czterech wartości (patrz uwaga do właściwości border-color).

border-bottom-style, border-left-style, border-right-style, border-top-style

Zastosowanie	Określa styl konkretnej krawędzi obramowania (dolnej, lewej, prawej, górnej).
Wartości	Jak dla właściwości border-style
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

border-width

Zastosowanie	Wartość skrótowa ułatwiająca określanie wartości właściwości border- top-width, border-left-width, border-right-width oraz border-top-width w jednym miejscu arkusza stylów.
Wartości CSS1	[thin | medium | thick | <długość>]
Wartości CSS2	inherit
Wartość początkowa	Niezdefiniowana.
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Tej właściwości można przypisać od jednej do czterech wartości (patrz uwaga do właściwości border-color).

border-bottom-width, border-left-width, border-right-width, border-top-width

Zastosowanie	Określa szerokość odpowiednio dolnej, lewej, prawej oraz dolnej krawędzi obramowania elementu.
Wartości CSS1	[thin | medium | thick | <długość>]
Wartości CSS2	inherit
Wartość początkowa	medium
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

clear

Zastosowanie	Określa, jakie krawędzie bloku elementu nie mogą się stykać z blokiem wcześniejszego ruchomego elementu.
Wartości CSS1	none | left | right | both
Wartości CSS2	inherit
Wartość początkowa	none
Stosowana do	Elementów blokowych.
Dziedziczona	Nie.

height, width

Zastosowanie	Określa wysokość oraz szerokość zawartości bloku.
Wartości CSS1	<długość> | auto
Wartości CSS2	<wartość_procentowa> | inherit
Wartość początkowa	auto
Stosowana do	Wszystkich elementów prócz kolumn tabel oraz elementów wpisanych (które nie zostały zastąpione); właściwość height nie dotyczy także grup kolumn, a właściwość width — grup wierszy.
Dziedziczona	Nie.

margin

Zastosowanie	Skrótowa właściwość ułatwiająca określanie właściwości margin-top, margin-right, margin-bottom oraz margin-left w jednym miejscu arkusza stylów.
Wartości CSS1	<długość> | <wartość_procentowa> | auto
Wartości CSS2	inherit
Wartość początkowa	Niezdefiniowana (właściwość skrótowa).
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

margin-bottom, margin-left, margin-right, margin-top

Zastosowanie	Określa odpowiednio dolny, lewy, prawy oraz górny margines bloku.
Wartości CSS1	<długość> | <wartość_procentowa> | auto
Wartości CSS2	inherit
Wartość początkowa	0
Stosowana do	Wszystkie elementy.
Dziedziczona	Nie.

max-height, max-width

Zastosowanie	Określa maksymalną wartość wysokości oraz szerokości bloku.
Wartości CSS2	<długość> | <wartość_procentowa> | inherit
Wartość początkowa	100%
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Wartości procentowe odnoszą się do wysokości lub szerokości bloku zewnętrznego.

min-height, min-width

Zastosowanie	Określa minimalną wartość wysokości oraz szerokości bloku.
Wartości CSS2	<długość> | <wartość_procentowa> | inherit
Wartość początkowa	0
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Wartości procentowe odnoszą się do wysokości lub szerokości bloku zewnętrznego.

padding

Zastosowanie	Właściwość skrótowa ułatwiająca określanie wartości właściwości padding-top, padding-right, padding-bottom oraz padding-left w jednym miejscu arkusza stylów.
Wartości CSS1	<długość> | <wartość_procentowa>
Wartości CSS2	inherit
Wartość początkowa	Niezdefiniowana.
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

padding-top, padding-left, padding-bottom, padding-right

Zastosowanie	Określa szerokość wypełnienia u góry, z lewej, u dołu oraz z prawej strony zawartości bloku.
Wartości CSS1	<długość> | <wartość_procentowa>
Wartości CSS2	inherit
Wartość początkowa	0
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Wartości nie mogą być mniejsze od zera. Wartości procentowe odnoszą się do szerokości bloku zawierającego treść.

Właściwości czcionek

Możliwości kaskadowych arkuszy stylów znacznie przekraczają możliwości znaczników i atrybutów dostępnych w HTML 4.0, pozwalają one na określanie wielu dodatkowych cech czcionek. Właściwości czcionek dostępne w CSS1 zakładają, że czcionki są przechowywane na komputerze użytkownika i poprzez zastosowanie innych właściwości, określają czcionki alternatywne. Właściwości zaproponowane w CSS2 dają jeszcze większe możliwości, pozwalając autorom stron WWW na opisanie czcionki, jakiej chcą używać i powiększenie zdolności przeglądarek do czcionek w sytuacjach, gdy te, które wybrał autor nie będą dostępne.

font

Zastosowanie	Właściwość skrótowa ułatwiająca określanie wartości właściwości font-style, font-variant, font-weight, font-size, line-height oraz font-family w tym samym miejscu arkusza stylów.
Wartości CSS1	['font-style' || 'font-variant' || 'font-weight']? 'font-size' [/'line-height']? font-family
Wartości CSS2	caption | icon | menu | message-box | small-caption | status-bar | inherit
Wartość początkowa	Patrz odpowiednie właściwości.
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.
Uwagi	Wartości procentowe można stosować w przypadku właściwości font-size oraz line-height. W celu uzyskania zgodności z poprzednimi wersjami CSS należy oddzielnie przypisywać wartości właściwościom font-stretch oraz font-size-adjust.

font-family

Zastosowanie	Określa listę nazw rodzin czcionek oraz nazw rodzin ogólnych.
Wartości CSS1	[[<nazwa-rodziny> | <rodzina-ogólna> [,]* [<nazwa-rodziny> | <rodzina-ogólna>],
Wartości CSS2	inherit
Wartość początkowa	Zależna od przeglądarki.
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.
Uwagi	<nazwa-rodziny> określa wybraną rodzinę czcionek (Arial, Helvetica, Bookman, itd.). <rodzina-ogólna> określa jedną z nazw pięciu rodzin ogólnych: serif, sans-serif, cursive, fantasy bądź monospace.

font-size

Zastosowanie	Określa wielkość czcionki.
Wartości CSS1	<wielkość_bezwzględna> | <wielkość_względna> | <długość> | <wartość_procentowa>
Wartości CSS2	inherit
Wartość początkowa	medium
Stosowana do	Wszystkich elementów.
Dziedziczona	Dziedziczona jest obliczona wartość.
Uwagi	Wartości procentowe obliczane są na podstawie wielkości czcionki elementu nadrzędnego.

font-size-adjust

Zastosowanie	Właściwość umożliwia autorom stron określenie (dla danego elementu) wartości współczynnika wielkości czcionki do wysokości znaku, która pozwoli zachować wysokość małego znaku podstawowej wybranej czcionki, w czcionce która faktycznie została wykorzystana przy wyświetlaniu elementu.
Wartości CSS2	<liczba> | none | inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.
Uwagi	Wartości procentowe obliczane są na podstawie wielkości czcionki elementu nadrzędnego.

font-stretch

Zastosowanie	Umożliwia wybór normalnego, zwartego, rozszerzonego kroju z danej rodziny czcionek.
Wartości CSS2	normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit
Wartość początkowa	normal
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

font-style

Zastosowanie	Określa krój czcionki z danej rodziny, jaki należy użyć — normalny (Roman lub pionowy), kursywa lub ukośny.
Wartości CSS1	normal | italic | oblique
Wartości CSS2	inherit
Wartość początkowa	normal
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

font-variant

Zastosowanie	Określa czcionkę, która nie jest oznaczona jako „small-caps” (normal) lub czcionkę, która została tak oznaczona (small-caps).
Wartości CSS1	normal | small-caps
Wartości CSS2	inherit
Wartość początkowa	normal
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

font-weight

Zastosowanie	Określa grubość czcionki.
Wartości CSS1	normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Wartości CSS2	inherit
Wartość początkowa	normal
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.
Uwagi	Wartości od 100 do 900 tworzą uporządkowaną sekwencję. Każda z tych liczb oznacza grubość, nie mniejszą od poprzedniej. Wartość normal odpowiada grubości 400, a bold — 700.

Właściwości list

Gdy właściwości display elementu przypiszemy wartość list-item, to element ten zostanie wyświetlony w prostokątnym bloku, a dodatkowo można będzie określić blok znacznika. Znacznik określa obraz, symbol lub liczbę, jaka zostanie użyta do określenia danego elementu listy. Przedstawione poniżej właściwości mają wpływ na wygląd elementów list oraz znaczników.

list-style

Zastosowanie	Właściwość skrótowa umożliwiająca określenie wartości właściwości list-style-type, list-style-image, list-style-position w tym samym miejscu arkusza stylów.
Wartości CSS1	['list-style-type' || 'list-style-position' || 'list-style-image']
Wartości CSS2	inherit
Wartość początkowa	Niezdefiniowana.
Stosowana do	Elementów, którym właściwości display przypisano wartość list-item.
Dziedziczona	Tak.

list-style-image

Zastosowanie	Określa obraz, który będzie używany jako znacznik elementu listy.
Wartości CSS1	<uri> | none
Wartości CSS2	inherit
Wartość początkowa	none
Stosowana do	Elementów, którym właściwości display przypisano wartość list-item.
Dziedziczona	Tak.

list-style-position

Zastosowanie	Określa położenie bloku znacznika w odniesieniu do bloku zawartości danego elementu listy.
Wartości CSS1	inside | outside
Wartości CSS2	inherit
Wartość początkowa	outside
Stosowana do	Elementów, którym właściwości display przypisano wartość list-item.
Dziedziczona	Tak.

list-style-type

Zastosowanie	Określa wygląd znacznika elementu listy, gdy właściwości list-style-image zostanie przypisana wartość none.
Wartości CSS1	disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
Wartości CSS2	leading-zero | western-decimal | lower-greek | lower-latin | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | inherit
Wartość początkowa	disc
Stosowana do	Elementów, którym właściwości display przypisano wartość list-item.
Dziedziczona	Tak.

Właściwości tekstu

Przedstawione poniżej właściwości maja wpływ na sposób wizualnego przedstawienia znaków, odstępów, słów oraz akapitów.

letter-spacing

Zastosowanie	Określa sposób wyznaczania odstępów pomiędzy poszczególnymi znakami w tekście.
Wartości CSS1	normal | <długość>
Wartości CSS2	inherit
Wartość początkowa	normal
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

line-height

Zastosowanie	Określa minimalną wysokość każdego bloku wpisanego.
Wartości CSS1	normal | number | <długość> | <wartość_procentowa>
Wartości CSS2	inherit
Wartość początkowa	normal
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

text-align

Zastosowanie	Określa sposób wyrównania bloku tekstu.
Wartości CSS1	left | right | center | justify
Wartości CSS2	<łańcuch> | inherit
Wartość początkowa	Zależna od przeglądarki i kierunku wyświetlania tekstu.
Stosowana do	Elementów blokowych.
Dziedziczona	Tak.

text-decoration

Zastosowanie	Określa ozdobniki dodawane do tekstu danego elementu.
Wartości CSS1	none | underline | overline | line-through | blink
Wartości CSS2	inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

text-indent

Zastosowanie	Określa wcięcie pierwszej linii tekstu w bloku.
Wartości CSS1	<długość> | <wartość_procentowa>
Wartości CSS2	inherit
Wartość początkowa	0
Stosowana do	Elementów blokowych.
Dziedziczona	Tak.

text-shadow

Zastosowanie	Pozwala na podanie listy efektów cieni, które mają być zastosowane przy prezentowaniu tekstu umieszczonego wewnątrz elementu, poszczególne efekty na liście są od siebie oddzielane przecinkami.
Wartości CSS2	none | <kolor> | <długość> | inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Cienie tekstu można także stosować z pseudo-elementami :first-letter oraz :first-line.

text-transform

Zastosowanie	Określa wielkość liter tekstu.
Wartości CSS1	capitalize | uppercase | lowercase | none
Wartości CSS2	inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

vertical-align

Zastosowanie	Określa pionowe położenie bloków generowanych przez elementy wpisane.
Wartości CSS1	baseline | sub | super | top | text-top | middle | bottom | text-bottom | sub | <wartość_procentowa>
Wartości CSS2	inherit
Wartość początkowa	baseline
Stosowana do	Elementów wpisanych oraz elementów umieszczanych w komórkach tabel.
Dziedziczona	Nie.

white-space

Zastosowanie	Określa sposób obsługi odstępów wewnątrz elementu.
Wartości CSS1	normal | pre | nowrap
Wartości CSS2	inherit
Wartość początkowa	normal
Stosowana do	Elementów blokowych.
Dziedziczona	Tak.

word-spacing

Zastosowanie	Podaje sposób określania odstępów pomiędzy wyrazami.
Wartości CSS1	normal | <długość>
Wartości CSS2	inherit
Wartość początkowa	normal
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

Właściwości efektów wizualnych

Przedstawione poniżej właściwości określają sposób wizualnej prezentacji elementów.

clip

Zastosowanie	Określa, jaka część zawartości elementu będzie widoczna.
Wartości CSS2	<kształt> | auto | inherit
Wartość początkowa	auto
Stosowana do	Elementów blokowych.
Dziedziczona	Nie.

overflow

Zastosowanie	Określa, czy zawartość elementów blokowych ma być przycinana w sytuacjach, gdy wyjdzie poza granice bloku elementu.
Wartości CSS2	visible | hidden | scroll | auto | inherit
Wartość początkowa	visible
Stosowana do	Elementy blokowe i zastąpione.
Dziedziczona	Nie.

visibility

Zastosowanie	Określa, czy bloki wygenerowane przez elementy są wyświetlane.
Wartości CSS2	visible | hidden | collapse | inherit
Wartość początkowa	inherit
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

Głosowe właściwości arkuszy stylów

Głosowe arkusze stylów, proponowany typ mediów dla CSS2, są przeznaczone przede wszystkim dla osób niewidomych lub mających problemy ze wzrokiem. W ich przypadku zawartość strony jest odczytywana. „Medium” głosowych arkuszy stylów wykorzystuje przestrzenny obszar do odtwarzania dźwięków w ściśle określonej kolejności, gdy elementy strony są wyświetlane lub zaznaczane.

azimuth

Zastosowanie	Umożliwia umiejscowienie dźwięku. Zaprojektowane do wykorzystania z przestrzennymi systemami dźwiękowymi, wymagającymi użycia dwukanałowych słuchawek lub systemów kina domowego wykorzystujących pięć głośników.
Wartości CSS2	<kąt> | [[left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwords | rightwords | inherit
Wartość początkowa	center
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

cue

Zastosowanie	Właściwość skrótowa ułatwiająca określenie wartości właściwości cue-before oraz cue-after. Umożliwia odtwarzanie dźwięków przed oraz po wyświetleniu elementu.
Wartości CSS2	cue-before | cue-after | inherit
Wartość początkowa	Nieokreślona (właściwość skrótowa).
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

cue-after, cue-before

Zastosowanie	Odtwarza dźwięk po (cue-after) lub przed (cue-before) wyświetleniem elementu.
Wartości CSS2	<uri> | none | inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

elevation

Zastosowanie	Umożliwia określenie kąta dźwięku. Zaprojektowane do wykorzystania z przestrzennymi systemami dźwiękowymi (wymagającymi użycia dwukanałowych słuchawek lub systemów kina domowego wykorzystujących pięć głośników).
Wartości CSS2	<kąt> | below | level | above | higher | lower | inherit
Wartość początkowa	level
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

pause

Zastosowanie	Właściwość skrótowa ułatwiająca określenie wartości właściwości pause-after oraz pause-before w tym samym miejscu arkusza stylów.
Wartości CSS2	<czas> | <wartość_procentowa> | inherit
Wartość początkowa	Zależy od przeglądarki.
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

pause-after, pause-before

Zastosowanie	Określa pauzę, jaką należy umieścić przed lub po odtworzeniu zawartości elementu.
Wartości CSS2	<czas> | <wartość_procentowa> | inherit
Wartość początkowa	Zależy od przeglądarki.
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

pitch

Zastosowanie	Określa średnią wysokość (częstotliwość) głosu.
Wartości CSS2	<częstotliwość> | x-low | low | medium | high | x-high | inherit
Wartość początkowa	medium
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.
Uwagi	Standardowa wysokość głosu męskiego wynosi około 120 Hz, a głosu kobiecego — około 210 Hz.

pitch-range

Zastosowanie	Określa wariację standardowej wysokości głosu. Używana do wprowadzania modulacji i animacji głosu.
Wartości CSS2	<liczba> | inherit
Wartość początkowa	50
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

play-during

Zastosowanie	Określa dźwięk, jaki ma być generowany w tle podczas odtwarzania zawartości elementu strony.
Wartości CSS2	<uri> | mix? | repeat? | auto | none | inherit
Wartość początkowa	auto
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

richness

Zastosowanie	Określa bogactwo, żywość, głosu odtwarzającego element.
Wartości CSS2	<liczba> | inherit
Wartość początkowa	50
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

speak

Zastosowanie	Określa, czy tekst ma być zaprezentowany dźwiękowo oraz w jaki sposób.
Wartości CSS2	normal | none | spell-out | inherit
Wartość początkowa	normal
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

speak-header

Zastosowanie	Określa, czy nagłówki tabeli będą odtwarzane przed każdą z jej komórek, czy tylko przed komórkami skojarzonymi z innymi nagłówkami niż komórka poprzednia.
Wartości CSS2	once | always | inherit
Wartość początkowa	once
Stosowana do	Elementów zawierających informacje o nagłówkach.
Dziedziczona	Tak.

speak-numeral

Zastosowanie	Odtwarza liczby jako pojedyncze cyfry (100 jest odtwarzane jako „jeden zero zero” czy też jako pełna liczba (100 jest odtwarzane jako „sto” ).
Wartości CSS2	digits | continuous | inherit
Wartość początkowa	continuous
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

speak-punctuation

Zastosowanie	Znaki przestankowe są odtwarzane dosłownie (przecinek, kropka, itd.) lub w sposób naturalny — jako przerwy różnej długości.
Wartości CSS2	code | none | inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

speech-rate

Zastosowanie	Określa szybkość odtwarzania.
Wartości CSS2	<liczba> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit
Wartość początkowa	medium
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

stress

Zastosowanie	Określa wysokość „lokalnych akcentów” w intonacji głosu. Kontroluje wielkość modulacji w znacznikach nacisku.
Wartości CSS2	<liczba> | inherit
Wartość początkowa	50
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.
Uwagi	Używana wraz z właściwością pitch-rate.

voice-family

Zastosowanie	Zawiera listę nazw rodzin głosów, której poszczególne elementy są od siebie oddzielone przecinkami.
Wartości CSS2	<określony_głos> | <ogólny_głos> | inherit
Wartość początkowa	Zależna od przeglądarki.
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

volume

Zastosowanie	Określa średnie natężenie zapisu dźwiękowego. Zakres wartości tej właściwości waha się od 0 (minimalny słyszalny poziom dźwięków) do 100 (maksymalny akceptowalny poziom głośności).
Wartości CSS2	<liczba> | <wartość_procentowa> | silent | x-soft | soft | medium | loud | x-loud | inherit
Wartość początkowa	medium
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.
Uwagi	Wartość silent powoduje, że dźwięk nie jest słyszalny. x-soft = 0, soft = 25, medium = 50, loud = 75, a x-loud = 100.

Właściwości zawartości wygenerowanej/ automatycznego numerowania

CSS2 wprowadzają właściwości i wartości, które pozwalają autorom stron WWW na automatyczne generowanie zawartości (przykładem takiej zawartości mogą być listy numerowane). Autorzy określają styl oraz położenie generowanej zawartości przy użyciu pseudo-elementów :before oraz :after wskazujących elementy strony przed bądź, po których ma się pojawić zawartość wygenerowana automatycznie.

content

Zastosowanie	Używana wraz z pseudo-elementami :before oraz :after do generacji zawartości dokumentu.
Wartości CSS2	<łańcuch> | <uri> | <licznik> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote | inherit
Wartość początkowa	Pusty łańcuch znaków.
Stosowana do	Pseudo-elementów :before oraz :after.
Dziedziczona	Wszystkie.

counter-increment

Zastosowanie	Akceptuje jeden lub kilka liczników (identyfikatorów), przy czym po każdym z nich, opcjonalnie, może się pojawić liczba całkowita. Liczba ta określa, o jaką wartość należy zmienić wartość licznika po każdym jego użyciu na stronie.
Wartości CSS2	<identyfikator> | <liczba_całkowita> | none | inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

counter-reset

Zastosowanie	Zawiera listę składającą się z jednej lub kilku nazw liczników. Liczba określa wartość przypisywaną licznikowi przy każdym pojawieniu się elementu.
Wartości CSS2	<identyfikator> | <liczba_całkowita> | none | inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

marker-offset

Zastosowanie	Określa odległość pomiędzy najbliższymi krawędziami bloku znacznika, a skojarzonym z nim głównym blokiem.
Wartości CSS2	<długość> | auto | inherit
Wartość początkowa	auto
Stosowana do	Elementów, którym właściwości display przypisano wartość marker.
Dziedziczona	Nie.

quotes

Zastosowanie	Określa znaki cudzysłowu dla osadzonych cytatów.
Wartości CSS2	<łańcuch> | <łańcuch>+ | none | inherit
Wartość początkowa	Zależna od przeglądarki.
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

Właściwości mediów stronicowanych

Zazwyczaj strony WWW są prezentowane w formie stron ciągłych. CSS2 wprowadza jednak pojęcie mediów stronicowanych, zaprojektowanych w celu dzielenia strony WWW na jedną lub kilka niezależnych stron przeznaczonych do wydrukowania na papierze, folii, ekranie komputera, itp. Przy użyciu przedstawionych poniżej właściwości i wartości można określić wielkość strony, marginesy, miejsca podziału stron oraz obsługę różnego typu błędów edytorskich.

marks

Zastosowanie	Określa, czy tuż poza blokiem strony mają być drukowane znaczniki oznaczające jej obszar. Znaczniki te używane są przy druku o wysokiej jakości.
Wartości CSS2	crop | corss | none | inherit
Wartość początkowa	none
Stosowana do	Zawartości strony.
Dziedziczona	Niedostępne.

orphans

Zastosowanie	Określa minimalną ilość linii akapitu, jaka musi pozostać u dołu strony.
Wartości CSS2	<liczba_całkowita> | inherit
Wartość początkowa	2
Stosowana do	Elementów blokowych.
Dziedziczona	Tak.

page

Zastosowanie	Służy od określenia konkretnego typu strony, na jakiej element powinien zostać wyświetlony.
Wartości CSS2	<identyfikator> :left | :right | auto
Wartość początkowa	auto
Stosowana do	Elementów blokowych.
Dziedziczona	Tak.
Uwagi	Poprzez dodanie wartości :left lub :right można wymusić umieszczenie elementu na lewej bądź prawej stronie.

page-break-after, page-break-before

Zastosowanie	Określa, że po lub przed aktualnym elementem powinna się rozpocząć nowa strona.
Wartości CSS2	auto | always | avoid | left | right | inherit
Wartość początkowa	auto
Stosowana do	Elementów blokowych.
Dziedziczona	Nie.

page-break-inside

Zastosowanie	Wymusza rozpoczęcie nowej linii wewnątrz elementu nadrzędnego.
Wartości CSS2	avoid | auto | inherit
Wartość początkowa	auto
Stosowana do	Elementów blokowych.
Dziedziczona	Tak.

size

Zastosowanie	Określa wielkość i orientację bloku strony.
Wartości CSS2	<długość> | auto | portrait | landscape | inherit
Wartość początkowa	auto
Stosowana do	Zawartości strony.
Dziedziczona	Niedostępne.

widows

Zastosowanie	Określa minimalną ilość linii akapitu, jaka musi pozostać na początku strony.
Wartości CSS2	<liczba_całkowita> | inherit
Wartość początkowa	2
Stosowana do	Elementów blokowych.
Dziedziczona	Tak.

Właściwości tabel

Model tabel używany w CSS bazuje na modelu HTML 4.0, który składa się z tabel, nagłówków, wierszy, grup wierszy, kolumn, grup kolumn oraz komórek. W CSS2 tabele mogą być prezentowane w sposób graficzny lub dźwiękowy. Autorzy stron mogą określać sposób dźwiękowej prezentacji nagłówków oraz komórek za pomocą atrybutów podanych we wcześniejszej części rozdziału, pt.: „Głosowe właściwości arkuszy stylów”.

border-collapse

Zastosowanie	Określa model obramowań tabeli.
Wartości CSS2	collapse | separate | inherit
Wartość początkowa	collapse
Stosowana do	Elementów tabel oraz tabel wpisanych.
Dziedziczona	Tak.

border-spacing

Zastosowanie	W modelu rozdzielonych obramowań, właściwość ta określa odległość pomiędzy sąsiednimi obramowaniami komórki.
Wartości CSS2	<długość> | <długość> ? | inherit
Wartość początkowa	0
Stosowana do	Elementów tabel oraz tabel wpisanych.
Dziedziczona	Tak.

caption-side

Zastosowanie	Określa położenie bloku tytułu w stosunku do bloku tabeli.
Wartości CSS2	top | bottom | left | right | inherit
Wartość początkowa	top
Stosowana do	Elementów tytułu tabeli.
Dziedziczona	Tak.

column-span, row-span

Zastosowanie	Określa odpowiednio ilość kolumn oraz wierszy, na jakich jest rozpięta komórka.
Wartości CSS2	<liczba_całkowita> | inherit
Wartość początkowa	1
Stosowana do	Elementów komórek, kolumn, grup kolumn (column-span) oraz elementów komórek tabeli (row-span).
Dziedziczona	Nie.

empty-cells

Zastosowanie	W modelu tabel oddzielonych, właściwość ta określa, w jaki sposób są wyświetlane obramowania wokół komórek, które nie mają żadnej widocznej zawartości.
Wartości CSS2	borders | no-borders | inherit
Wartość początkowa	borders
Stosowana do	Elementów tabel oraz tabel wpisanych.
Dziedziczona	Tak.

table-layout

Zastosowanie	Określa algorytm używany do rozmieszczania komórek tabeli.
Wartości CSS2	auto | fixed | inherit
Wartość początkowa	auto
Stosowana do	Elementów tabel oraz tabel wpisanych.
Dziedziczona	Nie.
Uwagi	Ustalony (fixed) układ tabeli zależy od szerokości tabeli oraz jej kolumn. Układ automatyczny (auto) zależy od wielkości zawartości komórek.

Właściwości interfejsu użytkownika

Właściwości interfejsu użytkownika umożliwiają określanie kształtu wskaźnika myszy, preferencji kolorów, czcionek oraz dynamicznych zarysów.

cursor

Zastosowanie	Określa typ kursora wyświetlanego dla urządzenia wskazującego.
Wartości CSS2	<uri> | auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | inherit
Wartość początkowa	auto
Stosowana do	Wszystkich elementów.
Dziedziczona	Tak.

outline

Zastosowanie	Właściwość skrótowa ułatwiająca określanie wartości właściwości outline-color, outline-style oraz outline-width.
Wartości CSS2	outline-color | outline-style | outline-width | inherit
Wartość początkowa	Patrz odpowiednie właściwości.
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.
Uwagi	Podobnie jak właściwość border, także i ta tworzy zarys (obramowanie) elementów wizualnych, takich jak przyciski, aktywne pole formularza, mapy odnośników itd. Użycie właściwości outline zamiast właściwości border nie powoduje ponownego określania rozmieszczenia i kolejności elementów przy wyświetlaniu i ukrywaniu zarysów. Obramowania tworzone przy wykorzystaniu tej właściwości nie muszą mieć kształtu prostokąta.

outline-color

Zastosowanie	Określa kolor zarysu.
Wartości CSS2	<kolor> | invert | inherit
Wartość początkowa	invert
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

outline-style

Zastosowanie	Określa styl zarysu.
Wartości CSS2	takie same jak dla <border-style> | inherit
Wartość początkowa	none
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

outline-width

Zastosowanie	Określa szerokość zarysu.
Wartości CSS2	takie same jak dla <border-width> | inherit
Wartość początkowa	medium
Stosowana do	Wszystkich elementów.
Dziedziczona	Nie.

Jednostki stosowane w kaskadowych arkuszach stylów

Kilka atrybutów kaskadowych arkuszy stylów wykorzystuje standardowe jednostki przy określaniu pomiarów, stylów, kolorów oraz innych identyfikatorów. W tym dodatku jednostki pomiarów były zapisywane w nawiasach kątowych (<>). W tej części rozdziału podane zostały wartości skojarzone z każdym typem jednostek.

<wielkość_bezwzględna>

Wielkości bezwzględne odnoszą się do wielkości czcionek obliczanych i przechowywanych przez przeglądarki. Podane poniżej wartości zostały uporządkowane od najmniejszej do największej:

xx-small

x-small

small

medium

large

x-large

xx-large

<kąt>

Wartości kątowe są używane wraz z głosowymi arkuszami stylów. Ich format zapisu składa się z opcjonalnego znaku (+ lub -), bezpośrednio po którym jest zapisywana liczba. Oto jednostki kątów:

deg	stopnie
grad	gradient
rad	radiany

<border-style>

Te właściwości określają typ linii otaczającej blok. Wartości typu obramowanie-styl mogą przybierać jedną z następujących wartości:

none	Sprawia, że obramowanie ma zerową szerokość.
dotted	Seria kropek.
dashed	Seria krótkich odcinków.
solid	Pojedyncza ciągła linia.
double	Dwie ciągłe linie; łączna szerokość obu linii raz odstępu pomiędzy nimi jest równa wartości właściwości border-width.
groove	Tworzy obramowanie, które sprawia wrażenie wklęsłego.
ridge	Tworzy obramowanie, które sprawia wrażenie wypukłego.
inset	Tworzy obramowanie, które wygląda jak gdyby cały blok został osadzony w stronie.
outset	Tworzy obramowanie, które wygląda jak gdyby cały blok wychodził poza stronę.

<border-width>

Ta właściwość określa grubość obramowania i może przyjmować jedną z następujących wartości:

thin	Cienkie obramowanie.
medium	Obramowanie średniej grubości.
thick	Grube obramowanie.
<długość>	Obramowanie o konkretnej grubości (musi to być wartość większa od zera).

<kolor>

Kolory można określać przy użyciu słów kluczowych (zdefiniowanych w HTML 4.0) lub numerycznych wartości RGB.

Słowa kluczowe	aqua | black | blue | fuchsia | gray | green | lime | maroon | navy | olive | purple | red | silver | teal | white | yellow
#rgb	Przykład dla koloru blue (niebieskiego): { color: #00f }
#rrggbb	Przykład dla koloru blue (niebieskiego): { color: #0000FF }
rgb (zakres całkowity)	Przykład dla koloru blue (niebieskiego): { color: rgb(0, 0, 255) }
rgb (zakres zmienny)	Przykład dla koloru blue (niebieskiego): { color: rgb( 0%, 0%, 100% ) }

<nazwa-rodziny>

Czcionki można określać, podając nazwę wybranej rodziny czcionek. Na przykład, mogą to być nazwy: Arial, Times New Roman, Helvetica, Baskerville, i tak dalej. Nazwy rodzin czcionek zawierające odstępy (znaki tabulacji, nowej linii, powrotu karetki, itp.) powinny być zapisywane w cudzysłowach.

<częstotliwość>

Identyfikatory częstotliwości są wykorzystywane w głosowych arkuszach stylów. Wartości częstotliwości są zapisywane jako liczba, po której jest bezpośrednio umieszczany jeden z następujących identyfikatorów:

Hz	Herc.
kHz	Kiloherc.

<rodzina-ogólna>

Zachęca się, aby autorzy stron WWW podawali nazwę rodziny ogólnej czcionek jako ostateczną możliwość, na wypadek, gdyby na komputerze użytkownika nie było zainstalowanej żadnej z podanych czcionek. Nazwy rodzin ogólnych są słowami kluczowymi i nie wolno zapisywać ich w cudzysłowach. Oto dostępne nazwy rodzin ogólnych i przykłady czcionek:

serif	Times New Roman, MS Georgia, Garamond.
sans-serif	Arial, Helvetica, Futora, Gill Sans.
cursive	Zapf-Chancery, Caflish Script.
fantasy	Critter, Cottonwood.
monospace	Courier, MS Courier New, Prestige.

<głos-ogólny>

Ogólne głosy są odpowiednikami rodzin ogólnych czcionek (patrz poprzedni podrozdział) i są używane wraz z właściwością voice-family. Oto dostępne wartości:

male

female

child

<liczba_całkowita>

Liczba całkowita składa się z jednej lub większej ilości cyfr (od 0 do 9) i może być poprzedzona opcjonalnym znakiem + lub -. Patrz także <liczba>.

<długość>

Długości określane są poprzez podanie opcjonalnego znaku + lub -, bezpośrednio po którym jest zapisywana liczba (może być z przecinkiem dziesiętnym), a bezpośrednio po niej jest umieszczany jeden z następujących identyfikatorów:

Wartość względne:

em	Wielkość odpowiedniej czcionki.
ex	Wysokość małego znaku odpowiedniej czcionki.
px	Piksele, zależne od urządzenia na jakim jest wyświetlana strona.

Wartości bezwzględne:

pt	Punkty (1/72 cala).
in	Cale.
cm	Centymetry.
mm	Milimetry.
pc	Pica (12 punktów lub 1/6 cala).

<liczba>

Liczba może być liczbą całkowitą lub może składać się z jednej lub kilku cyfr, kropki (.) i kolejnych cyfr. Liczby mogą być poprzedzane znakami + lub -, określającymi znak liczby. Patrz także <liczba_całkowita>.

<wartość_procentowa>

Wartości procentowe są zawsze obliczane względem innej wartości, na przykład, długości. Format ich zapisu składa się ze znaku (+ lub -), bezpośrednio po którym jest zapisywana liczba, a bezpośrednio po niej znak procent (%).

<wielkość_względna>

Wielkość względna jest obliczana w oparciu o wielkość czcionki elementu nadrzędnego. Oto dostępne wartości:

larger

smaller

<kształt>

W CSS2 jedyną prawidłową wartością kształtu jest prostokąt: rect( <góra> <prawa> <dół> <lewa>), gdzie poszczególne cztery deskryptory określają odległość od odpowiednich krawędzi bloku.

<konkretny-głos>

Konkretne głosy to odpowiedniki rodzin czcionek w głosowych arkuszach stylów. Wartościami są konkretne nazwy głosów (na przykład: nauczyciel, komediant, kaznodzieja, itp.)

<czas>

Jednostki czasu są wykorzystywane w głosowych arkuszach stylów. Są one zapisywane jako liczba, bezpośrednio po której zostaje zapisany jeden z identyfikatorów:

ms	Milisekundy.
s	Sekundy.

<uri>

Wartości URI (Unifor Resource Indicator — jednolity identyfikator zasobów) służą od określania adresów elementów stron, takich jak obrazy.

Format zapisu tych wartości to: url (, opcjonalny odstęp, opcjonalny apostrof lub cudzysłów, URI, opcjonalny apostrof lub cudzysłów, opcjonalny odstęp i ). Dla wyjaśnienia poniżej przedstawiłam przykład poprawnego sposobu zapisu takiej wartości:

body { background: url ("http://www.foo.com/images/tlo.gif" ) }

2 Część I ♦ Podstawy obsługi systemu WhizBang (Nagłówek strony)

2 D:\Dokumenty\HELION\HTML\Tekst\HTML po jezykowej\R-D-DMP.doc

---