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
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
background-attachment: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
background-attachment: fixed1
2008-12-11
2
2006-10-24
12
2015-07-29
10.5
2010-03-02
15.4
2022-03-14
background-attachment: scroll1
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
background-color: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
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
background-image: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
background-image: none1
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
background-position: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
background-position: bottom1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤13.1
2020-03-24
background-position: center1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤13.1
2020-03-24
background-position: left1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤13.1
2020-03-24
background-position: right1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤13.1
2020-03-24
background-position: top1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤13.1
2020-03-24

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
background-repeat: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
background-repeat: no-repeat1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
background-repeat: repeat1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
background-repeat: repeat-x1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
background-repeat: repeat-y1
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
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
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
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
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

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
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

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
border-collapse: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1.2
2004-02-02
border-collapse: collapse≤80
2020-02-04
≤72
2020-01-07
≤80
2020-02-07
≤67
2020-03-03
≤13.1
2020-03-24
border-collapse: separate≤80
2020-02-04
≤72
2020-01-07
≤80
2020-02-07
≤67
2020-03-03
≤13.1
2020-03-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
border-color: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
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
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
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
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
bottom: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
bottom: auto1
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
caption-side: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
caption-side: bottom≤80
2020-02-04
≤72
2020-01-07
≤80
2020-02-07
≤67
2020-03-03
≤13.1
2020-03-24
caption-side: left
caption-side: right
caption-side: top≤80
2020-02-04
≤72
2020-01-07
≤80
2020-02-07
≤67
2020-03-03
≤13.1
2020-03-24

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
clear: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
clear: both1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
clear: left1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
clear: right1
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
clip: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
clip: auto≤80
2020-02-04
≤72
2020-01-07
≤80
2020-02-07
≤67
2020-03-03
≤13.1
2020-03-24

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
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
content: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
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
counter-increment: wartość2
2009-05-21
1
2004-11-09
12
2015-07-29
9.2
2007-04-11
3
2007-10-26
counter-increment: none2
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
counter-reset: wartość2
2009-05-21
1
2004-11-09
12
2015-07-29
9.2
2007-04-11
3
2007-10-26
counter-reset: none2
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
cursor: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: auto1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: crosshair1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: default1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: e-resize1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: help1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: move1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: n-resize1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: ne-resize1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: nw-resize1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: pointer1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: s-resize1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: se-resize1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: sw-resize1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: text1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: w-resize1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.2
2004-02-02
cursor: wait1
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
direction: wartość2
2009-05-21
1
2004-11-09
12
2015-07-29
9.2
2007-04-11
1
2003-06-23
direction: ltr2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
direction: rtl2
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
display: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: block1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: inline1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: inline-table1
2008-12-11
3
2008-06-17
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: list-item1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: none1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: table1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: table-caption≤80
2020-02-04
1
2004-11-09
≤80
2020-02-07
≤67
2020-03-03
≤13.1
2020-03-24
display: table-cell1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: table-column1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: table-column-group1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: table-footer-group1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: table-header-group1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: table-row1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
display: table-row-group1
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
empty-cells: wartość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
float: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
float: left1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
float: none1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
float: right1
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
font: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
font: caption1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
font: icon1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
font: menu1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
font: message-box1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
font: small-caption1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
font: status-bar1
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
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
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
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
font-size-adjust: none127
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
font-stretch: wartość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
font-style: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
font-style: italic1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
font-style: normal1
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
font-variant: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
font-variant: normal1
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
font-weight: wartość2
2009-05-21
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
font-weight: bold2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
font-weight: bolder2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
font-weight: lighter2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
font-weight: normal2
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
height: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
height: auto1
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
left: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
5
2000-12-06
1
2003-06-23
left: auto1
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
letter-spacing: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
letter-spacing: normal1
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
line-height: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
line-height: normal1
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
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
list-style-image: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
list-style-image: none1
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
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
list-style-position: inside1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
list-style-position: outside1
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
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
list-style-type: armenian1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
list-style-type: circle1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
list-style-type: cjk-ideographic1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
5
2010-06-07
list-style-type: decimal1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
list-style-type: decimal-leading-zero1
2008-12-11
1
2004-11-09
12
2015-07-29
8
2005-04-19
1
2003-06-23
list-style-type: disc1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
list-style-type: georgian1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
list-style-type: hebrew1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
list-style-type: hiragana1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
list-style-type: hiragana-iroha1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
list-style-type: katakana1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
list-style-type: katakana-iroha1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
list-style-type: lower-alpha1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
list-style-type: lower-greek1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
list-style-type: lower-latin1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
list-style-type: lower-roman1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
list-style-type: none1
2008-12-11
≤72
2020-01-07
12
2015-07-29
15
2013-07-02
1
2003-06-23
list-style-type: square1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
list-style-type: upper-alpha1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
list-style-type: upper-latin1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
list-style-type: upper-roman1
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
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
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
max-height: wartość18
2012-03-28
1
2004-11-09
12
2015-07-29
7
2003-01-28
1.3
2005-04-15
max-height: none18
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
max-width: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
max-width: none1
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
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
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
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
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
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
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
outline-style: none1
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
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

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
overflow: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
overflow: auto1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26
overflow: hidden1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26
overflow: scroll1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
3
2007-10-26
overflow: visible1
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
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
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
page: wartość85
2020-08-25
110
2023-02-14
85
2020-08-27
71
2020-09-15
≤13.1
2020-03-24

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
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
page-break-after: always1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
page-break-after: auto1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
page-break-after: avoid1
2008-12-11
12
2015-07-29
15
2013-07-02
page-break-after: left1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
page-break-after: right1
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
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
page-break-before: always1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
page-break-before: auto1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
page-break-before: avoid1
2008-12-11
12
2015-07-29
15
2013-07-02
page-break-before: left1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.2
2004-02-02
page-break-before: right1
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
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
page-break-inside: auto1
2008-12-11
19
2013-02-19
12
2015-07-29
15
2013-07-02
1.3
2005-04-15
page-break-inside: avoid1
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
position: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
position: absolute1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
position: fixed1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
position: relative1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
position: static1
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
quotes: wartość11
2011-04-27
1.5
2005-11-29
12
2015-07-29
4
2000-06-28
9
2015-09-30
quotes: none11
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
right: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
5
2000-12-06
1
2003-06-23
right: auto1
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
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
table-layout: wartość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
text-align: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
text-align: center1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤4
2009-06-08
text-align: justify1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
text-align: left1
2008-12-11
1
2004-11-09
79
2020-01-15
15
2013-07-02
≤4
2009-06-08
text-align: right1
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
text-decoration: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
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
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
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

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
text-transform: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
text-transform: capitalize1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
text-transform: lowercase1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
text-transform: none1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
text-transform: uppercase1
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
top: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
top: auto1
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
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
unicode-bidi: bidi-override2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.3
2005-04-15
unicode-bidi: embed2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1.3
2005-04-15
unicode-bidi: normal2
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
vertical-align: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
vertical-align: baseline1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
vertical-align: bottom1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
vertical-align: middle1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
vertical-align: sub1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
vertical-align: super1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
vertical-align: text-bottom1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
vertical-align: text-top1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
vertical-align: top1
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
visibility: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
visibility: collapse1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1.3
2005-04-15
visibility: hidden1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
visibility: visible1
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
white-space: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
white-space: normal1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
white-space: nowrap1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
white-space: pre1
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
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
width: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
width: auto1
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
word-spacing: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
word-spacing: normal1
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
z-index: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
4
2000-06-28
1
2003-06-23
z-index: auto1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
Facebook