Przejdź do treści

Specyfikacja CSS

Poniżej znajdziesz wykaz wszystkich cech (własności) oraz ich wartości według oryginalnej specyfikacji CSS2, opracowanej przez organizację W3C.

Wyjaśnienie znaczenia poszczególnych elementów opisu:

WARTOŚĆ
Wartości które może przyjąć cecha. Przyjęto tutaj następujące oznaczenia:
  • Słowa kluczowe zostały wpisane bez żadnych dodatkowych znaków (np. center, left-side). Wyraz inherit oznacza, że element przyjmuje wartość cechy, taką samą jak jego rodzic (zasada dziedziczenia).
  • Typy podstawowe zostały ujęte w znaki < oraz >. Są to:W deklaracji wpisujemy tylko konkretną wartość (zależną od typu), już bez znaków < >.
  • Typy które przyjmują takie same wartości jak inne cechy, zostały ujęte w znaki <' oraz '> (np. <'background-color'>). Ich wartości należy szukać pod podaną nazwą.
  • Typy ujęte w znaki < oraz >, które nie zostały wymienione powyżej (np.: <absolute-size>), stanowią specjalne wartości, określone tylko dla danej cechy. Należy ich szukać w opisie danej cechy (po kliknięciu jej nazwy).
  • Znak "|" oddzielający dwie lub więcej wartości oznacza, że dokładnie jedna z nich musi się pojawić w deklaracji stylu, np. dla zestawienia:
    scroll | fixed | inherit
    można podać:
    fixed
  • Znak "||" oddzielający dwie lub więcej wartości oznacza, że jedna lub więcej z nich musi się pojawić w deklaracji stylu w dowolnym porządku, np. dla zestawienia:
    <'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>
    można podać:
    <'background-repeat'> <'background-image'>
  • Nawiasy kwadratowe "[" oraz "]" służą do grupowania, np. wyrażenie:
    a b | c || d e
    jest równoważne:
    [ a b ] | [ c || [ d e ]]
  • Gwiazdka "*" wskazuje, że poprzedzający typ, wyraz lub grupa może się pojawić zero lub więcej razy.
  • Plus "+" oznacza, że poprzedzający typ, wyraz lub grupa może się pojawić raz lub więcej.
  • Pytajnik "?" wskazuje, że poprzedzający typ, wyraz lub grupa jest opcjonalna.
  • Para liczb w nawiasach klamrowych {A,B} oznacza, że poprzedzający typ, wyraz lub grupa musi się pojawić przynajmniej A razy, natomiast maksymalnie B razy.
OPIS
Tutaj znajdziesz krótki opis znaczenia cechy. Jeżeli szczegółowy opis jest dostępny, można się do niego przenieść klikając odnośnik.
INICJALIZACJA
Wartość domyślna cechy.
ZASTOSOWANIE
Elementy których dotyczy cecha.
DZIEDZICZENIE
Wskazuje, czy wartość jest dziedziczona od przodka.
PROCENTY
Określa czy dana cecha akceptuje wartości procentowe, a jeśli tak, to w jaki sposób są interpretowane.
MEDIA
Grupa mediów, do których cecha się stosuje.

Źródło: Cascading Style Sheets, Level 2

azimuth

WARTOŚĆ
<kąt> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit
OPIS
Azymut dźwięku przestrzennego
INICJALIZACJA
center
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

background

WARTOŚĆ
[<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit
OPIS
Atrybuty mieszane tła
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
dla cechy 'background-position'
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { background: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

background-attachment

WARTOŚĆ
scroll | fixed | inherit
OPIS
Zaczepienie tła
INICJALIZACJA
scroll
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { background-attachment: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { background-attachment: fixed }1
2008-12-11
2
2006-10-24
12
2015-07-29
10.5
2010-03-02
15.4
2022-03-14
selektor { background-attachment: scroll }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

background-color

WARTOŚĆ
<kolor> | transparent | inherit
OPIS
Kolor tła
INICJALIZACJA
transparent
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { background-color: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { background-color: transparent }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

background-image

WARTOŚĆ
<adres> | none | inherit
OPIS
Tło obrazkowe
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { background-image: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { background-image: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

background-position

WARTOŚĆ
[ [<procent> | <długość> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit
OPIS
Pozycja tła
INICJALIZACJA
0% 0%
ZASTOSOWANIE
elementy blokowe i zastępowane
DZIEDZICZENIE
nie
PROCENTY
odnosi się do rozmiaru bloku
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { background-position: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { background-position: bottom }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1
2003-06-23
selektor { background-position: center }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1
2003-06-23
selektor { background-position: left }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1
2003-06-23
selektor { background-position: right }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1
2003-06-23
selektor { background-position: top }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1
2003-06-23

background-repeat

WARTOŚĆ
repeat | repeat-x | repeat-y | no-repeat | inherit
OPIS
Powtarzanie tła
INICJALIZACJA
repeat
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { background-repeat: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { background-repeat: no-repeat }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { background-repeat: repeat }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { background-repeat: repeat-x }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { background-repeat: repeat-y }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

border

WARTOŚĆ
[ <'border-width'> || <'border-style'> || <kolor> ] | inherit
OPIS
Atrybuty mieszane obramowania
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

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

WARTOŚĆ
[ <'border-width'> || <'border-style'> || <kolor> ] | inherit
OPIS
Atrybuty mieszane górnego/prawego/dolnego/lewego obramowania
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border-top: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

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

WARTOŚĆ
<kolor> | inherit
OPIS
Atrybuty mieszane koloru górnego/prawego/dolnego/lewego obramowania
INICJALIZACJA
wartość cechy 'color'
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border-top-color: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

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

WARTOŚĆ
<border-style> | inherit
OPIS
Atrybuty mieszane stylu górnego/prawego/dolnego/lewego obramowania
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border-top-style: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
9.2
2007-04-11
1
2003-06-23
selektor { border-top-style: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

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

WARTOŚĆ
<border-width> | inherit
OPIS
Atrybuty mieszane szerokości górnego/prawego/dolnego/lewego obramowania
INICJALIZACJA
medium
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border-top-width: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { border-top-width: medium }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

border-collapse

WARTOŚĆ
collapse | separate | inherit
OPIS
Model obramowania tabeli
INICJALIZACJA
separate
ZASTOSOWANIE
tabele
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border-collapse: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1.1
2003-10-24
selektor { border-collapse: collapse }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1.1
2003-10-24
selektor { border-collapse: separate }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1.1
2003-10-24

border-color

WARTOŚĆ
<kolor>{1,4} | transparent | inherit
OPIS
Atrybuty mieszane koloru obramowania
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border-color: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { border-color: transparent }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

border-spacing

WARTOŚĆ
<długość> <długość>? | inherit
OPIS
Odstęp między komórkami tabeli
INICJALIZACJA
0
ZASTOSOWANIE
tabele
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border-spacing: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23

border-style

WARTOŚĆ
<border-style>{1,4} | inherit
OPIS
Atrybuty mieszane stylu obramowania
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border-style: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

border-width

WARTOŚĆ
<border-width>{1,4} | inherit
OPIS
Atrybuty mieszane szerokości obramowania
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { border-width: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

bottom

WARTOŚĆ
<długość> | <procent> | auto | inherit
OPIS
Odległość od górnej dolnej elementu pozycjonowanego
INICJALIZACJA
auto
ZASTOSOWANIE
elementy pozycjonowane
DZIEDZICZENIE
nie
PROCENTY
odnosi się do wysokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { bottom: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { bottom: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

caption-side

WARTOŚĆ
top | bottom | left | right | inherit
OPIS
Pozycja podpisu tabeli
INICJALIZACJA
top
ZASTOSOWANIE
podpis tabeli
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki

❌ Nie działa

Chrome

Firefox

Edge

Opera

Safari
selektor { caption-side: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { caption-side: bottom }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1
2003-06-23
selektor { caption-side: left }
selektor { caption-side: right }
selektor { caption-side: top }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1
2003-06-23

clear

WARTOŚĆ
none | left | right | both | inherit
OPIS
Przyleganie do elementu pływającego
INICJALIZACJA
none
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { clear: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { clear: both }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { clear: left }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { clear: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { clear: right }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

clip

WARTOŚĆ
<shape> | auto | inherit
OPIS
Obcinanie
INICJALIZACJA
auto
ZASTOSOWANIE
elementy blokowe i zastępowane
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { clip: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { clip: auto }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
1
2003-06-23

color

WARTOŚĆ
<kolor> | inherit
OPIS
Kolor
INICJALIZACJA
zależy od przeglądarki
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { color: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

content

WARTOŚĆ
[ <łańcuch znakowy>| <adres> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
OPIS
Zawartość (Przed..., Po..., Cudzysłowy, Automatyczna numeracja)
INICJALIZACJA
pusty łańcuch znakowy
ZASTOSOWANIE
pseudoelementy :before i :after
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
all

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { content: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { content: close-quote }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { content: no-close-quote }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { content: no-open-quote }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { content: open-quote }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

counter-increment

WARTOŚĆ
[ <identyfikator> <liczba>? ]+ | none | inherit
OPIS
Zwiększa licznik numerowania
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
all

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { counter-increment: wartość }2
2009-05-21
1
2004-11-09
12
2015-07-29
9.2
2007-04-11
3
2007-10-26
selektor { counter-increment: none }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26

counter-reset

WARTOŚĆ
[ <identyfikator> <liczba>? ]+ | none | inherit
OPIS
Kasuje licznik numerowania
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
all

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { counter-reset: wartość }2
2009-05-21
1
2004-11-09
12
2015-07-29
9.2
2007-04-11
3
2007-10-26
selektor { counter-reset: none }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26

cue

WARTOŚĆ
[ <'cue-before'> || <'cue-after'> ] | inherit
OPIS
Sygnał wywoławczy przed i po...
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
aural

cue-after

WARTOŚĆ
<adres> | none | inherit
OPIS
Sygnał wywoławczy po...
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
aural

cue-before

WARTOŚĆ
<adres> | none | inherit
OPIS
Sygnał wywoławczy przed...
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
aural

cursor

WARTOŚĆ
[ [<adres> ,]* [ 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
OPIS
Kształt kursora myszki
INICJALIZACJA
auto
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual, interactive

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
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: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
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: 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: 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: pointer }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
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: 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

direction

WARTOŚĆ
ltr | rtl | inherit
OPIS
Kierunek tekstu
INICJALIZACJA
ltr
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { direction: wartość }2
2009-05-21
1
2004-11-09
12
2015-07-29
9.2
2007-04-11
1
2003-06-23
selektor { direction: ltr }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { direction: rtl }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

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
OPIS
Sposób wyświetlania elementu
INICJALIZACJA
inline
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
all

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { display: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: block }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: inline }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: inline-table }1
2008-12-11
3
2008-06-17
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: list-item }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: table }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: table-caption }1
2008-12-11
1
2004-11-09
≤15
2017-04-05
15
2013-07-02
≤4
2009-06-08
selektor { display: table-cell }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: table-column }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: table-column-group }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: table-footer-group }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: table-header-group }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: table-row }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { display: table-row-group }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23

elevation

WARTOŚĆ
<kąt> | below | level | above | higher | lower | inherit
OPIS
Podniesienie dźwięku przestrzennego
INICJALIZACJA
level
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

empty-cells

WARTOŚĆ
show | hide | inherit
OPIS
Obramowanie pustych komórek tabeli
INICJALIZACJA
show
ZASTOSOWANIE
komórki tabeli
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { empty-cells: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1.2
2004-02-02
selektor { empty-cells: hide }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1.2
2004-02-02
selektor { empty-cells: show }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1.2
2004-02-02

float

WARTOŚĆ
left | right | none | inherit
OPIS
Ustawienie
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy oprócz pozycjonowanych
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { float: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { float: left }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { float: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { float: right }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

font

WARTOŚĆ
[ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
OPIS
Atrybuty mieszane czcionki
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
dla cechy 'font-size' i 'line-height'
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { font: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { font: caption }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { font: icon }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { font: menu }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { font: message-box }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { font: small-caption }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { font: status-bar }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23

font-family

WARTOŚĆ
[[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit
OPIS
Rodzina czcionek
INICJALIZACJA
zależy od przeglądarki
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { font-family: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

font-size

WARTOŚĆ
<absolute-size> | <relative-size> | <długość> | <procent> | inherit
OPIS
Rozmiar czcionki
INICJALIZACJA
medium
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
odnosi się do rozmiaru czcionki rodzica
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { font-size: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23

font-size-adjust

WARTOŚĆ
<liczba> | none | inherit
OPIS
Dopasowanie rozmiaru czcionki
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { font-size-adjust: wartość }127
2024-07-23
3
2008-06-17
127
2024-07-25
113
2024-08-22
16.4
2023-03-27
selektor { font-size-adjust: none }127
2024-07-23
3
2008-06-17
127
2024-07-25
113
2024-08-22
16.4
2023-03-27

font-stretch

WARTOŚĆ
normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit
OPIS
Rozciągnięcie czcionki
INICJALIZACJA
normal
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { font-stretch: wartość }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
selektor { font-stretch: condensed }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
selektor { font-stretch: expanded }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
selektor { font-stretch: extra-condensed }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
selektor { font-stretch: extra-expanded }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
selektor { font-stretch: normal }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
selektor { font-stretch: semi-condensed }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
selektor { font-stretch: semi-expanded }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
selektor { font-stretch: ultra-condensed }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
selektor { font-stretch: ultra-expanded }60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19

font-style

WARTOŚĆ
normal | italic | oblique | inherit
OPIS
Styl czcionki
INICJALIZACJA
normal
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { font-style: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { font-style: italic }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { font-style: normal }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { font-style: oblique }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

font-variant

WARTOŚĆ
normal | small-caps | inherit
OPIS
Wariant czcionki
INICJALIZACJA
normal
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { font-variant: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { font-variant: normal }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

font-weight

WARTOŚĆ
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
OPIS
Waga czcionki
INICJALIZACJA
normal
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { font-weight: wartość }2
2009-05-21
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { font-weight: bold }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { font-weight: bolder }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { font-weight: lighter }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { font-weight: normal }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

height

WARTOŚĆ
<długość> | <procent> | auto | inherit
OPIS
Wysokość
INICJALIZACJA
auto
ZASTOSOWANIE
wszystkie elementy oprócz niezastępowanych elementów inline, kolumn i grup kolumn tabeli
DZIEDZICZENIE
nie
PROCENTY
odnosi się do bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { height: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { height: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

left

WARTOŚĆ
<długość> | <procent> | auto | inherit
OPIS
Odległość od lewej krawędzi elementu pozycjonowanego
INICJALIZACJA
auto
ZASTOSOWANIE
elementy pozycjonowane
DZIEDZICZENIE
nie
PROCENTY
odnosi się do szerokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { left: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
5
2000-12-06
1
2003-06-23
selektor { left: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

letter-spacing

WARTOŚĆ
normal | <długość> | inherit
OPIS
Odstęp między literami
INICJALIZACJA
normal
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { letter-spacing: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { letter-spacing: normal }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

line-height

WARTOŚĆ
normal | <liczba> | <długość> | <procent> | inherit
OPIS
Wysokość linii
INICJALIZACJA
normal
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
odnosi się do rozmiaru czcionki elementu
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { line-height: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { line-height: normal }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

list-style

WARTOŚĆ
[ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit
OPIS
Atrybuty mieszane stylu wykazu
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
elementy wykazu
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { list-style: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23

list-style-image

WARTOŚĆ
<adres> | none | inherit
OPIS
Wyróżnik obrazkowy wykazu
INICJALIZACJA
none
ZASTOSOWANIE
elementy wykazu
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { list-style-image: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { list-style-image: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

list-style-position

WARTOŚĆ
inside | outside | inherit
OPIS
Pozycja wyróżnika wykazu
INICJALIZACJA
outside
ZASTOSOWANIE
elementy wykazu
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { list-style-position: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { list-style-position: inside }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { list-style-position: outside }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

list-style-type

WARTOŚĆ
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit
OPIS
Typ stylu wykazu
INICJALIZACJA
disc
ZASTOSOWANIE
elementy wykazu
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { list-style-type: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { list-style-type: armenian }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { list-style-type: circle }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { list-style-type: cjk-ideographic }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
5
2010-06-07
selektor { list-style-type: decimal }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { list-style-type: decimal-leading-zero }1
2008-12-11
1
2004-11-09
12
2015-07-29
8
2005-04-19
1
2003-06-23
selektor { list-style-type: disc }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { list-style-type: georgian }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { list-style-type: hebrew }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { list-style-type: hiragana }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { list-style-type: hiragana-iroha }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { list-style-type: katakana }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { list-style-type: katakana-iroha }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { list-style-type: lower-alpha }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { list-style-type: lower-greek }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { list-style-type: lower-latin }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { list-style-type: lower-roman }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { list-style-type: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { list-style-type: square }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { list-style-type: upper-alpha }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { list-style-type: upper-latin }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { list-style-type: upper-roman }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23

margin

WARTOŚĆ
<margin-width>{1,4} | inherit
OPIS
Atrybuty mieszane marginesu
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
odnosi się do szerokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { margin: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

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

WARTOŚĆ
<margin-width> | inherit
OPIS
Szerokość górnego/prawego/dolnego/lewego marginesu
INICJALIZACJA
0
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
odnosi się do szerokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { margin-top: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

marker-offset

WARTOŚĆ
<długość> | auto | inherit
OPIS
Odstęp wyróżnika wykazu
INICJALIZACJA
auto
ZASTOSOWANIE
wyróżniki wykazu
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

marks

WARTOŚĆ
[ crop || cross ] | none | inherit
OPIS
Znaczniki strony (po wydrukowaniu)
INICJALIZACJA
none
ZASTOSOWANIE
kontekst strony
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual, paged

max-height

WARTOŚĆ
<długość> | <procent> | none | inherit
OPIS
Maksymalna wysokość
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy oprócz niezastępowanych elementów inline i tabel
DZIEDZICZENIE
nie
PROCENTY
odnosi się do bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { max-height: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.3
2005-04-15
selektor { max-height: none }18
2012-03-28
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.3
2005-04-15

max-width

WARTOŚĆ
<długość> | <procent> | none | inherit
OPIS
Maksymalna szerokość
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy oprócz niezastępowanych elementów inline i tabel
DZIEDZICZENIE
nie
PROCENTY
odnosi się do bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { max-width: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { max-width: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

min-height

WARTOŚĆ
<długość> | <procent> | inherit
OPIS
Minimalna wysokość
INICJALIZACJA
0
ZASTOSOWANIE
wszystkie elementy oprócz niezastępowanych elementów inline i tabel
DZIEDZICZENIE
nie
PROCENTY
odnosi się do bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { min-height: wartość }1
2008-12-11
3
2008-06-17
12
2015-07-29
4
2000-06-28
1.3
2005-04-15

min-width

WARTOŚĆ
<długość> | <procent> | inherit
OPIS
Minimalna szerokość
INICJALIZACJA
zależy od przeglądarki
ZASTOSOWANIE
wszystkie elementy oprócz niezastępowanych elementów inline i tabel
DZIEDZICZENIE
nie
PROCENTY
odnosi się do bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { min-width: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23

orphans

WARTOŚĆ
<liczba> | inherit
OPIS
Minimalna liczba linii bloku, które muszą znaleźć się na dole strony
INICJALIZACJA
2
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual, paged

Przeglądarki

❌ Nie działa

Chrome

Firefox

Edge

Opera

Safari
selektor { orphans: wartość }25
2013-02-21
12
2015-07-29
9.2
2007-04-11
1.3
2005-04-15

outline

WARTOŚĆ
[ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit
OPIS
Atrybuty mieszane obrysu
INICJALIZACJA
zobacz cechy indywidualne
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual, interactive

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { outline: wartość }94
2021-09-21
88
2021-04-19
94
2021-09-24
80
2021-10-05
16.4
2023-03-27

outline-color

WARTOŚĆ
<color> | invert | inherit
OPIS
Kolor obrysu
INICJALIZACJA
inverit
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual, interactive

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
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

outline-style

WARTOŚĆ
<border-style> | inherit
OPIS
Styl obrysu
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual, interactive

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
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: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02

outline-width

WARTOŚĆ
<border-width> | inherit
OPIS
Szerokość obrysu
INICJALIZACJA
medium
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual, interactive

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
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

overflow

WARTOŚĆ
visible | hidden | scroll | auto | inherit
OPIS
Kontroluje przepełnienie elementu
INICJALIZACJA
visible
ZASTOSOWANIE
elementy blokowe i zastępowane
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { overflow: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { overflow: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26
selektor { overflow: hidden }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26
selektor { overflow: scroll }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26
selektor { overflow: visible }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26

padding

WARTOŚĆ
<padding-width>{1,4} | inherit
OPIS
Atrybuty mieszane marginesu wewnętrznego
INICJALIZACJA
0
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
odnosi się do szerokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { padding: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

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

WARTOŚĆ
<padding-width> | inherit
OPIS
Atrybuty mieszane górnego/prawego/dolnego/lewego marginesu wewnętrznego
INICJALIZACJA
0
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
odnosi się do szerokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { padding-top: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

page

WARTOŚĆ
<identyfikator> | auto
OPIS
Nazwa strony
INICJALIZACJA
auto
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual, paged

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { page: wartość }85
2020-08-25
110
2023-02-14
85
2020-08-27
71
2020-09-15
1
2003-06-23
selektor { page: auto }85
2020-08-25
110
2023-02-14
85
2020-08-27
71
2020-09-15
1
2003-06-23

page-break-after

WARTOŚĆ
auto | always | avoid | left | right | inherit
OPIS
Przełamanie strony po bloku
INICJALIZACJA
auto
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual, paged

Przeglądarki

❌ Nie działa

Chrome

Firefox

Edge

Opera

Safari
selektor { page-break-after: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
selektor { page-break-after: always }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
selektor { page-break-after: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
selektor { page-break-after: avoid }1
2008-12-11
12
2015-07-29
15
2013-07-02
selektor { page-break-after: left }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
selektor { page-break-after: right }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02

page-break-before

WARTOŚĆ
auto | always | avoid | left | right | inherit
OPIS
Przełamanie strony przed blokiem
INICJALIZACJA
auto
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual, paged

Przeglądarki

❌ Nie działa

Chrome

Firefox

Edge

Opera

Safari
selektor { page-break-before: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
selektor { page-break-before: always }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
selektor { page-break-before: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
selektor { page-break-before: avoid }1
2008-12-11
12
2015-07-29
15
2013-07-02
selektor { page-break-before: left }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
selektor { page-break-before: right }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02

page-break-inside

WARTOŚĆ
avoid | auto | inherit
OPIS
Przełamanie strony wewnątrz bloku
INICJALIZACJA
auto
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual, paged

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { page-break-inside: wartość }1
2008-12-11
19
2013-02-19
12
2015-07-29
7
2003-01-28
1.3
2005-04-15
selektor { page-break-inside: auto }1
2008-12-11
19
2013-02-19
12
2015-07-29
15
2013-07-02
1.3
2005-04-15
selektor { page-break-inside: avoid }1
2008-12-11
19
2013-02-19
12
2015-07-29
15
2013-07-02
1.3
2005-04-15

pause

WARTOŚĆ
[ [<czas> | <procent>]{1,2} ] | inherit
OPIS
Przerwa przed i po wymawianym tekście
INICJALIZACJA
zależy od przeglądarki
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
odnosi się do odwrotności wartości 'speech-rate'
MEDIA
aural

pause-after

WARTOŚĆ
<czas> | <procent> | inherit
OPIS
Przerwa po wymawianym tekście
INICJALIZACJA
zależy od przeglądarki
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
odnosi się do odwrotności wartości 'speech-rate'
MEDIA
aural

pause-before

WARTOŚĆ
<czas> | <procent> | inherit
OPIS
Przerwa przed wymawianym tekstem
INICJALIZACJA
zależy od przeglądarki
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
odnosi się do odwrotności wartości 'speech-rate'
MEDIA
aural

pitch

WARTOŚĆ
<częstotliwość> | x-low | low | medium | high | x-high | inherit
OPIS
Średnia wysokość tonu
INICJALIZACJA
medium
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

pitch-range

WARTOŚĆ
<liczba> | inherit
OPIS
Odchylenie częstotliwości od średniej
INICJALIZACJA
50
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

play-during

WARTOŚĆ
<adres> mix? repeat? | auto | none | inherit
OPIS
Tło dźwiękowe podczas wymowy
INICJALIZACJA
auto
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
aural

position

WARTOŚĆ
static | relative | absolute | fixed | inherit
OPIS
Pozycja elementu
INICJALIZACJA
static
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { position: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { position: absolute }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { position: fixed }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { position: relative }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { position: static }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

quotes

WARTOŚĆ
[<łańcuch znakowy> <łańcuch znakowy>]+ | none | inherit
OPIS
Określa znaki cudzysłowu
INICJALIZACJA
zależy od przeglądarki
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { quotes: wartość }11
2011-04-27
1.5
2005-11-29
12
2015-07-29
4
2000-06-28
9
2015-09-30
selektor { quotes: none }11
2011-04-27
1.5
2005-11-29
12
2015-07-29
15
2013-07-02
9
2015-09-30

richness

WARTOŚĆ
<liczba> | inherit
OPIS
Bogactwo głosu
INICJALIZACJA
50
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

right

WARTOŚĆ
<długość> | <procent> | auto | inherit
OPIS
Odległość od prawej krawędzi elementu pozycjonowanego
INICJALIZACJA
auto
ZASTOSOWANIE
elementy pozycjonowane
DZIEDZICZENIE
nie
PROCENTY
odnosi się do szerokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { right: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
5
2000-12-06
1
2003-06-23
selektor { right: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

size

WARTOŚĆ
<długość>{1,2} | auto | portrait | landscape | inherit
OPIS
Rozmiar strony
INICJALIZACJA
auto
ZASTOSOWANIE
kontekst strony
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual, paged

speak

WARTOŚĆ
normal | none | spell-out | inherit
OPIS
Parametry mowy
INICJALIZACJA
normal
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

Przeglądarki

❌ Nie działa   🔷 Zawiera błędy

Chrome

Firefox

Edge

Opera

Safari
selektor { speak: wartość }🔷 ≤80
2020-02-04
🔷 ≤80
2020-02-07
🔷 ≤67
2020-03-03

speak-header

WARTOŚĆ
once | always | inherit
OPIS
Czytanie na głos nagłówków tabeli
INICJALIZACJA
once
ZASTOSOWANIE
elementy z informacją nagłówkową
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

speak-numeral

WARTOŚĆ
digits | continuous | inherit
OPIS
Wymowa liczebników
INICJALIZACJA
continuous
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

speak-punctuation

WARTOŚĆ
code | none | inherit
OPIS
Wymowa interpunkcji
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

speech-rate

WARTOŚĆ
<liczba> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit
OPIS
Prędkość wymowy
INICJALIZACJA
medium
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

stress

WARTOŚĆ
<liczba> | inherit
OPIS
Akcent
INICJALIZACJA
50
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

table-layout

WARTOŚĆ
auto | fixed | inherit
OPIS
Rozplanowanie tabeli
INICJALIZACJA
auto
ZASTOSOWANIE
tabele
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { table-layout: wartość }14
2011-09-16
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { table-layout: auto }14
2011-09-16
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { table-layout: fixed }14
2011-09-16
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23

text-align

WARTOŚĆ
left | right | center | justify | <łańcuch znakowy> | inherit
OPIS
Wyrównanie tekstu
INICJALIZACJA
zależy od przeglądarki
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { text-align: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { text-align: center }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤4
2009-06-08
selektor { text-align: justify }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { text-align: left }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤4
2009-06-08
selektor { text-align: right }1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤4
2009-06-08

text-decoration

WARTOŚĆ
none | [ underline || overline || line-through || blink ] | inherit
OPIS
Dekoracja tekstu
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { text-decoration: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { text-decoration: blink }≤31
2013-11-12
3
2008-06-17
12
2015-07-29
≤18
2013-11-19
1
2003-06-23
selektor { text-decoration: line-through }1
2008-12-11
3
2008-06-17
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { text-decoration: none }1
2008-12-11
3
2008-06-17
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { text-decoration: overline }1
2008-12-11
3
2008-06-17
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { text-decoration: underline }1
2008-12-11
3
2008-06-17
12
2015-07-29
15
2013-07-02
1
2003-06-23

text-indent

WARTOŚĆ
<długość> | <procent> | inherit
OPIS
Wcięcie tekstu
INICJALIZACJA
0
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
tak
PROCENTY
odnosi się do szerokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { text-indent: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

text-shadow

WARTOŚĆ
none | [<kolor> || <długość> <długość> <długość>? ,]* [<kolor> || <długość> <długość> <długość>?] | inherit
OPIS
Cień tekstu
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { text-shadow: wartość }2
2009-05-21
3.5
2009-06-30
12
2015-07-29
9.5
2008-06-12
1.1
2003-10-24
selektor { text-shadow: none }2
2009-05-21
3.5
2009-06-30
12
2015-07-29
15
2013-07-02
1.1
2003-10-24

text-transform

WARTOŚĆ
capitalize | uppercase | lowercase | none | inherit
OPIS
Transformacja tekstu
INICJALIZACJA
none
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { text-transform: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { text-transform: capitalize }1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
selektor { text-transform: lowercase }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { text-transform: none }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { text-transform: uppercase }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

top

WARTOŚĆ
<długość> | <procent> | auto | inherit
OPIS
Odległość od górnej krawędzi elementu pozycjonowanego
INICJALIZACJA
auto
ZASTOSOWANIE
elementy pozycjonowane
DZIEDZICZENIE
nie
PROCENTY
odnosi się do wysokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { top: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
selektor { top: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

unicode-bidi

WARTOŚĆ
normal | embed | bidi-override | inherit
OPIS
Algorytm dwukierunkowego tekstu
INICJALIZACJA
normal
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { unicode-bidi: wartość }2
2009-05-21
1
2004-11-09
12
2015-07-29
9.2
2007-04-11
1.3
2005-04-15
selektor { unicode-bidi: bidi-override }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.3
2005-04-15
selektor { unicode-bidi: embed }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.3
2005-04-15
selektor { unicode-bidi: normal }2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.3
2005-04-15

vertical-align

WARTOŚĆ
baseline | sub | super | top | text-top | middle | bottom | text-bottom | <procent> | <długość> | inherit
OPIS
Pionowe ustawienie
INICJALIZACJA
baseline
ZASTOSOWANIE
elementy inline i komórki tabeli
DZIEDZICZENIE
nie
PROCENTY
odnosi się do wysokości linii elementu
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { vertical-align: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { vertical-align: baseline }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { vertical-align: bottom }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { vertical-align: middle }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { vertical-align: sub }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { vertical-align: super }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { vertical-align: text-bottom }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { vertical-align: text-top }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { vertical-align: top }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

visibility

WARTOŚĆ
visible | hidden | collapse | inherit
OPIS
Widzialność
INICJALIZACJA
inherit
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { visibility: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { visibility: collapse }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1.3
2005-04-15
selektor { visibility: hidden }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { visibility: visible }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

voice-family

WARTOŚĆ
[[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ] | inherit
OPIS
Nazwa rodziny głosów
INICJALIZACJA
zależy od przeglądarki
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
aural

volume

WARTOŚĆ
<liczba> | <procent> | silent | x-soft | soft | medium | loud | x-loud | inherit
OPIS
Głośność
INICJALIZACJA
medium
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
odnosi się do odziedziczonej wartości
MEDIA
aural

white-space

WARTOŚĆ
normal | pre | nowrap | inherit
OPIS
Kontrola białych znaków
INICJALIZACJA
normal
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { white-space: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { white-space: normal }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
selektor { white-space: nowrap }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { white-space: pre }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23

widows

WARTOŚĆ
<liczba> | inherit
OPIS
Minimalna liczba linii bloku, które muszą znaleźć się na górze strony
INICJALIZACJA
2
ZASTOSOWANIE
elementy blokowe
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual, paged

Przeglądarki

❌ Nie działa

Chrome

Firefox

Edge

Opera

Safari
selektor { widows: wartość }25
2013-02-21
12
2015-07-29
9.2
2007-04-11
1.3
2005-04-15

width

WARTOŚĆ
<długość> | <procent> | auto | inherit
OPIS
Szerokość
INICJALIZACJA
auto
ZASTOSOWANIE
wszystkie elementy oprócz niezastępowanych elementów inline, wierszy i grup wierszy tabeli
DZIEDZICZENIE
nie
PROCENTY
odnosi się do szerokości bloku obejmującego
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { width: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { width: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

word-spacing

WARTOŚĆ
normal | <długość> | inherit
OPIS
Odstęp między wyrazami
INICJALIZACJA
normal
ZASTOSOWANIE
wszystkie elementy
DZIEDZICZENIE
tak
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { word-spacing: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
selektor { word-spacing: normal }1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23

z-index

WARTOŚĆ
auto | <liczba> | inherit
OPIS
Pozycja w stosie nakładających się elementów
INICJALIZACJA
auto
ZASTOSOWANIE
elementy pozycjonowane
DZIEDZICZENIE
nie
PROCENTY
nie
MEDIA
visual

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
selektor { z-index: wartość }1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
selektor { z-index: auto }1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
Facebook