Własności klasyfikacji

Te zaawansowane własności klasyfikują elementy w kategorie, jak pokazano niżej...

display

Wartość	`inline` \| `block` \| `list-item` \| `run-in` \| `compact` \| `marker` \| `table` \| `inline-table` \| `table-row-group` \| `table-header-group` \| `table-footer-group` \| `table-row` \| `table-column-group` \| `table-column` \| `table-cell` \| `table-caption` \| `none` \| `inherit`
Wartość początkowa	`block`
Używane z	wszystkie elementy
Dziedziczenie	nie

Własność opisuje, jak (jeśli w ogóle) element jest widoczny na ekranie lub wydruku. Jeśli język nie obsługuje jakiegoś elementu lub chcemy, aby element zachowywał się jak coś innego, używamy tej własności.

Run-in boxes

Obiekt określony jako run-in jest wyświetlany jako obiekt wierszowy, jeśli następujący po nim obiekt jest blokiem (jak blok ). W przeciwnym razie staje się obiektem blokowym.

Na przykład, H3 to obiekt blokowy - powoduje przełamanie wiersza. Jednak, jeśli użyjemy H3 { display: run-in }, a następuje po nim blok , tytuł stopnia trzeciego pojawi się jako pierwszy wiersz bloku , a tekst w ramach będzie kontynuowany od zakończenia tytułu.

white-space

Wartość	`normal` \| `pre` \| `nowrap`
Wartość początkowa	`normal`
Używane z	elementy blokowe
Dziedziczenie	tak

Określane, jak są wyświetlane puste przestrzenie (zawijanie wiersza, tabulatory etc.): normalnie (są ignorowane), jak element HTML <pre> lub z zawijaniem wiersza wyłącznie za pomocą .

Różne

cursor

Własność określa typ kursora wyświetlanego po nasunięciu kursora myszki nad jakiś element.

Wartość	`url list` + `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`
Używane z	wszystkie elementy
Dziedziczenie	tak
Przykład	`IMG { cursor : url("picture.cur"), crosshair; } }`

crosshair zazwyczaj kształt krzyżyka +
default zwykle strzałka.
pointer kursor pojawiający się przy odsyłaczach.
move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize kursory używane w takich akcjach przez system operacyjny. Kursor rozszerzania (resize) jest poprzedzany przez kierunek w kompasie.
text ikona pojawiająca się nad blokiem tekstu.
wait symbol wskazujący, że komputer jest zajęty, np. klepsydra.
help zwykle znak zapytania lub balonik.
urilist lista adresów kursorów rozdzielonych przecinkami, w preferowanej kolejności.

outline

Tworzy obrys wokół i "na wierzchu" elementu.

Wartość	`outline-color` \|\| `outline-style` \|\| `outline-width` \| `inherit`
Używane z	wszystkie elementy
Dziedziczenie	nie
Przykład	`IMG { outline : red inset thick } }`

Jest to skrócona metoda określania poszczególnych własności obrysu. Każda z tych własności jest opisana poniżej.

outline-width

Wartość	`thin` \| `medium` \| `thick` \| `length` \| `inherit`
Używane z	wszystkie elementy
Dziedziczenie	nie
Przykład	`IMG { outline-width : thin } }`

outline-style

| inherit

Wartość	`none` \| `dotted` \| `dashed` \| `solid` \| `double` \| `groove` \| `ridge` \| `inset` \| `outset`
Używane z	wszystkie elementy
Dziedziczenie	nie
Przykład	`IMG { outline-style : inset } }`

outline-color

Wartość	`color` \| `invert` \| `inherit`
Używane z	wszystkie elementy
Dziedziczenie	nie
Przykład	`:focus { outline-color: invert } }`