# 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 <P>). 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 <P>, tytuł stopnia trzeciego pojawi się jako pierwszy wiersz bloku <P>, a tekst w ramach <P> 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ą <BR>.

# 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

Wartość | `none` | `dotted` | `dashed` | `solid` | `double` | `groove` | `ridge` | `inset` | `outset` | `inherit`
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 } }`