Podstawowy interfejs użytkownika CSS
Źródło: CSS Basic User Interface Module Level 3 (CSS3 UI)
box-sizing
- Wartość
content-box | border-box- Inicjalizacja
- content-box
- Zastosowanie
- wszystkie elementy, które akcektują szerokość i wysokość
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
caret-color
- Wartość
auto | <color>- Inicjalizacja
- auto
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- interactive
cursor
- Wartość
[ [<url> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out ] ]- Inicjalizacja
- auto
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual, interactive
outline
- Wartość
[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
outline-color
- Wartość
<color> | invert- Inicjalizacja
- invert
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
outline-offset
outline-style
- Wartość
auto | <border-style>- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
outline-width
- Wartość
<line-width>- Inicjalizacja
- medium
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
resize
- Wartość
none | both | horizontal | vertical- Inicjalizacja
- none
- Zastosowanie
- elementy z przepełnieniem innym niż visible i opcjonalnie elementy zastępowane takie jak obrazki, wideo, ramki lokalne
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
text-overflow
- Wartość
clip | ellipsis- Inicjalizacja
- clip
- Zastosowanie
- elementy blokowe
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
selektor { box-sizing: wartość } | 10 2011-03-08 | 29 2014-04-29 | 12 2015-07-29 | 7 2003-01-28 | 5.1 2011-07-20 |
selektor { box-sizing: border-box } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
selektor { box-sizing: content-box } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
selektor { caret-color: wartość } | 57 2017-03-09 | 53 2017-04-19 | 79 2020-01-15 | 44 2017-03-21 | 11.1 2018-04-12 |
selektor { caret-color: auto } | 57 2017-03-09 | 53 2017-04-19 | 79 2020-01-15 | 44 2017-03-21 | 11.1 2018-04-12 |
selektor { cursor: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: alias } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: all-scroll } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: auto } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: cell } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: col-resize } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: context-menu } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: copy } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: crosshair } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: default } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: e-resize } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: ew-resize } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: grab } | 68 2018-07-24 | 27 2014-02-04 | 14 2016-08-02 | 55 2018-08-16 | 11 2017-09-19 |
selektor { cursor: grabbing } | 68 2018-07-24 | 27 2014-02-04 | 79 2020-01-15 | 55 2018-08-16 | 11 2017-09-19 |
selektor { cursor: help } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: move } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: n-resize } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: ne-resize } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: nesw-resize } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: no-drop } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: none } | 5 2010-05-25 | 3 2008-06-17 | 12 2015-07-29 | 15 2013-07-02 | 5 2010-06-07 |
selektor { cursor: not-allowed } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: ns-resize } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: nw-resize } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: nwse-resize } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: pointer } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: progress } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: row-resize } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: s-resize } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: se-resize } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: sw-resize } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: text } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: url } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
selektor { cursor: vertical-text } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
selektor { cursor: w-resize } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: wait } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { cursor: zoom-in } | 37 2014-08-26 | 24 2013-09-17 | 12 2015-07-29 | 24 2014-09-02 | 9 2015-09-30 |
selektor { cursor: zoom-out } | 37 2014-08-26 | 24 2013-09-17 | 12 2015-07-29 | 24 2014-09-02 | 9 2015-09-30 |
selektor { outline: wartość } | 94 2021-09-21 | 88 2021-04-19 | 94 2021-09-24 | 80 2021-10-05 | 16.4 2023-03-27 |
selektor { outline: auto } | 1 2008-12-11 | 1 2004-11-09 | 79 2020-01-15 | 15 2013-07-02 | 1.2 2004-02-02 |
selektor { outline: medium } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1.2 2004-02-02 |
selektor { outline: none } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1.2 2004-02-02 |
selektor { outline-color: wartość } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { outline-offset: wartość } | 1 2008-12-11 | 1.5 2005-11-29 | 15 2017-04-05 | 9.5 2008-06-12 | 1.2 2004-02-02 |
selektor { outline-style: wartość } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { outline-style: auto } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 15 2013-07-02 | 1.2 2004-02-02 |
selektor { outline-style: none } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1.2 2004-02-02 |
selektor { outline-width: wartość } | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
selektor { outline-width: medium } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1.2 2004-02-02 |
selektor { resize: wartość } | 1 2008-12-11 | 4 2011-03-22 | 79 2020-01-15 | 12.1 2012-11-20 | 3 2007-10-26 |
selektor { resize: both } | 1 2008-12-11 | 4 2011-03-22 | 79 2020-01-15 | 15 2013-07-02 | 3 2007-10-26 |
selektor { resize: horizontal } | 1 2008-12-11 | 4 2011-03-22 | 79 2020-01-15 | 15 2013-07-02 | 3 2007-10-26 |
selektor { resize: none } | 1 2008-12-11 | 4 2011-03-22 | 79 2020-01-15 | 15 2013-07-02 | 3 2007-10-26 |
selektor { resize: vertical } | 1 2008-12-11 | 4 2011-03-22 | 79 2020-01-15 | 15 2013-07-02 | 3 2007-10-26 |
selektor { text-overflow: wartość } | 1 2008-12-11 | 7 2011-09-27 | 12 2015-07-29 | 11 2010-12-16 | 1.3 2005-04-15 |
selektor { text-overflow: clip } | 1 2008-12-11 | 7 2011-09-27 | 12 2015-07-29 | 15 2013-07-02 | 1.3 2005-04-15 |
selektor { text-overflow: ellipsis } | 1 2008-12-11 | 7 2011-09-27 | 12 2015-07-29 | 15 2013-07-02 | 1.3 2005-04-15 |