Przejdź do treści

Dekoracja tekstu CSS

Źródło: CSS Text Decoration Module Level 3

text-decoration

Dekoracja tekstu

Wartość
<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

text-decoration-color

Kolor dekoracji tekstu

Wartość
<color>
Inicjalizacja
currentcolor
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

text-decoration-line

Linie dekoracji tekstu

Wartość
none | [ underline || overline || line-through || blink ]
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

text-decoration-style

Styl dekoracji tekstu

Wartość
solid | double | dotted | dashed | wavy
Inicjalizacja
solid
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

text-emphasis

Atrybuty mieszane wzmocnienia tekstu

Wartość
<'text-emphasis-style'> || <'text-emphasis-color'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

text-emphasis-color

Kolor wzmocnienia tekstu

Wartość
<color>
Inicjalizacja
currentcolor
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

text-emphasis-position

Pozycja wzmocnienia tekstu

Wartość
[ over | under ] && [ right | left ]?
Inicjalizacja
over right
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

text-emphasis-style

Styl wzmocnienia tekstu

Wartość
none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

text-shadow

Cień tekstu

Wartość
none | [ <color>? && <length>{2,3} ]
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

text-underline-position

Pozycja podkreśleia tekstu

Wartość
auto | [ under || [ left | right ] ]
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

Przeglądarki

❌ Nie działa

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: auto }87
2020-11-17		70
2019-10-22		87
2020-11-19		73
2020-12-09		26.2
2025-12-12
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: currentColor }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration: dashed }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration: dotted }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration: double }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
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: solid }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration: underline }1
2008-12-11		3
2008-06-17		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { text-decoration: wavy }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration-color: wartość }57
2017-03-09		36
2015-02-24		79
2020-01-15		44
2017-03-21		12.1
2019-03-25
selektor { text-decoration-color: currentColor }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-line: wartość }57
2017-03-09		36
2015-02-24		79
2020-01-15		44
2017-03-21		12.1
2019-03-25
selektor { text-decoration-line: blink }57
2017-03-09		26
2013-12-10		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-line: line-through }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-line: none }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-line: overline }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-line: underline }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-style: wartość }57
2017-03-09		36
2015-02-24		79
2020-01-15		44
2017-03-21		12.1
2019-03-25
selektor { text-decoration-style: dashed }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-style: dotted }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-style: double }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-style: solid }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-style: wavy }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-emphasis: wartość }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis: circle }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: currentColor }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: dot }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: double-circle }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: filled }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: none }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: open }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: sesame }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: triangle }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis-color: wartość }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-color: currentColor }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis-position: wartość }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-position: auto }❌132
2024-10-29		❌❌❌
selektor { text-emphasis-position: left }62
2017-10-17		46
2016-04-26		79
2020-01-15		49
2017-11-08		8
2014-10-16
selektor { text-emphasis-position: over }99
2022-03-01		108
2022-12-13		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-position: right }62
2017-10-17		46
2016-04-26		79
2020-01-15		49
2017-11-08		8
2014-10-16
selektor { text-emphasis-position: under }99
2022-03-01		108
2022-12-13		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: wartość }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: circle }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: dot }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: double-circle }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: filled }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: none }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: open }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: sesame }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: triangle }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
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
selektor { text-underline-position: wartość }33
2014-02-20		74
2020-03-10		12
2015-07-29		20
2014-03-04		12.1
2019-03-25
selektor { text-underline-position: auto }33
2014-02-20		74
2020-03-10		79
2020-01-15		20
2014-03-04		12.1
2019-03-25
selektor { text-underline-position: left }71
2018-12-04		74
2020-03-10		79
2020-01-15		58
2019-01-23		18.2
2024-12-11
selektor { text-underline-position: right }71
2018-12-04		74
2020-03-10		79
2020-01-15		58
2019-01-23		18.2
2024-12-11
selektor { text-underline-position: under }33
2014-02-20		74
2020-03-10		79
2020-01-15		20
2014-03-04		12.1
2019-03-25
Facebook