Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style | CSS ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ
CSS ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅
CSS ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΡΠ΅Π· ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-decoration.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ
CSS ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ:
text-decoration-style:"solid | double | dotted | dashed | wavy | initial | inherit";
JavaScript ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ:
object.style.textDecorationStyle = "double"
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
solid | Π‘ΠΏΠ»ΠΎΡΠ½Π°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. |
double | ΠΠ²ΠΎΠΉΠ½Π°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
dotted | Π’ΠΎΡΠ΅ΡΠ½Π°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
dashed | ΠΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
wavy | ΠΠΎΠ»Π½ΠΈΡΡΠ°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
initial | Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π² Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. |
inherit | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π½Π°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ ΠΎΡ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. |
ΠΠ΅ΡΡΠΈΡ CSS
CSS3ΠΠ°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ
ΠΠ΅Ρ.ΠΠ½ΠΈΠΌΠΈΡΡΠ΅ΠΌΠΎΠ΅
ΠΠ΅Ρ.ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
ΠΠ±ΡΠ°ΡΠ°Ρ ΠΠ°ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈΠΌΠ΅Π΅Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ.
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style</title> <style> p { text-decoration : underline; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π΄Π΅ΠΊΠΎΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π΄Π»Ρ Π°Π±Π·Π°ΡΠ΅Π² (Π»ΠΈΠ½ΠΈΡ ΡΠ½ΠΈΠ·Ρ) */ font-size : 24px; /* ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° Π΄Π»Ρ Π°Π±Π·Π°ΡΠ΅Π² */ } .test { -webkit-text-decoration-style : solid; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : solid; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : solid; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - ΡΠΏΠ»ΠΎΡΠ½Π°Ρ */ }.test2 { -webkit-text-decoration-style : double; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : double; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : double; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - Π΄Π²ΠΎΠΉΠ½Π°Ρ */ } . test3 { -webkit-text-decoration-style : dotted; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : dotted; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : dotted; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - ΡΠΎΡΠ΅ΡΠ½Π°Ρ */ }.test4 { -webkit-text-decoration-style : dashed; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : dashed; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : dashed; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ */ } .test5 { -webkit-text-decoration-style : wavy; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : wavy; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : wavy; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - Π²ΠΎΠ»Π½ΠΈΡΡΠ°Ρ */ } </style> </head> <body> <p class = "test">text-decoration-style: solid ;</p> <p class = "test2">text-decoration-style: double ;</p> <p class = "test3">text-decoration-style: dotted ;</p> <p class = "test4">text-decoration-style: dashed ;</p> <p class = "test5">text-decoration-style: wavy ;</p> </body> </html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ°:
ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style(ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ).Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style — ΡΠΈΠΏ Π»ΠΈΠ½ΠΈΠΈ Ρ ΡΠ΅ΠΊΡΡΠ°
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style
ΠΌΠ΅Π½ΡΠ΅Ρ
ΡΠΈΠΏ Π»ΠΈΠ½ΠΈΠΈ Π½Π°Π΄ ΡΠ΅ΠΊΡΡΠΎΠΌ: ΠΎΠ΄ΠΈΠ½ΠΎΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ, Π΄Π²ΠΎΠΉΠ½Π°Ρ,
Π² Π²ΠΈΠ΄Π΅ ΡΠΎΡΠ΅ΠΊ, Π² Π²ΠΈΠ΄Π΅ ΡΠΈΡΠ΅, Π²ΠΎΠ»Π½ΠΈΡΡΠ°Ρ Π»ΠΈΠ½ΠΈΡ.
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ ΡΠΎ
ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ text-decoration-line
ΠΈ text-decoration-color
.
ΠΡΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠ°ΡΡΠΈΡΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration
,
ΡΠ²Π»ΡΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΌΠΈ Π°Π½Π°Π»ΠΎΠ³Π°ΠΌΠΈ.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
ΡΠ΅Π»Π΅ΠΊΡΠΎΡ {
text-decoration-line: solid | double | dotted | dashed | wavy;
}
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
solid | Π‘ΠΏΠ»ΠΎΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
double | ΠΠ²ΠΎΠΉΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
dotted | ΠΠΈΠ½ΠΈΡ Π² Π²ΠΈΠ΄Π΅ ΡΠΎΡΠ΅ΠΊ. |
dashed | ΠΠΈΠ½ΠΈΡ Π² Π²ΠΈΠ΄Π΅ ΡΠΈΡΠ΅. |
wavy | ΠΠΎΠ»Π½ΠΈΡΡΠ°Ρ Π»ΠΈΠ½ΠΈΡ. |
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ: solid
.
ΠΡΠΈΠΌΠ΅Ρ . ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ wavy
Π‘Π΅ΠΉΡΠ°Ρ ΡΠ΅ΠΊΡΡ ΡΡΠ°Π½Π΅Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡΠΌ ΠΊΡΠ°ΡΠ½ΠΎΠΉ Π²ΠΎΠ»Π½ΠΈΡΡΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ:
<div>
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: wavy;
text-decoration-color: red;
text-decoration-line: underline;
}
:
ΠΡΠΈΠΌΠ΅Ρ . ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ dotted
Π‘Π΅ΠΉΡΠ°Ρ ΡΠ΅ΠΊΡΡ ΡΡΠ°Π½Π΅Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡΠΌ ΠΊΡΠ°ΡΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ Π² Π²ΠΈΠ΄Π΅ ΡΠΎΡΠ΅ΠΊ:
<div>
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: dotted;
text-decoration-color: red;
text-decoration-line: underline;
}
:
ΠΡΠΈΠΌΠ΅Ρ . ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ double
Π‘Π΅ΠΉΡΠ°Ρ ΡΠ΅ΠΊΡΡ ΡΡΠ°Π½Π΅Ρ ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΠΊΠ½ΡΡΡΠΌ ΠΊΡΠ°ΡΠ½ΠΎΠΉ Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ:
<div>
Lorem ipsum dolor sit amet.
#elem {
text-decoration-style: double;
text-decoration-color: red;
text-decoration-line: line-through;
}
:
CSS ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style — ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΡ
CSS ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ
ΠΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅
CSS ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style Π·Π°Π΄Π°Π΅Ρ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΡΠ΅Π· ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-decoration.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ
CSS ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ:
text-decoration-style:"solid | double | dotted | dashed | wavy | initial | inherit";
JavaScript ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ:
object.style.textDecorationStyle = "double"
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
solid | Π‘ΠΏΠ»ΠΎΡΠ½Π°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. |
double | ΠΠ²ΠΎΠΉΠ½Π°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
dotted | Π’ΠΎΡΠ΅ΡΠ½Π°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
dashed | ΠΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
wavy | ΠΠΎΠ»Π½ΠΈΡΡΠ°Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ. |
initial | Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π² Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. |
inherit | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π½Π°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ ΠΎΡ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. |
ΠΠ΅ΡΡΠΈΡ CSS
CSS3
ΠΠ°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ
ΠΠ΅Ρ.
ΠΠ½ΠΈΠΌΠΈΡΡΠ΅ΠΌΠΎΠ΅
ΠΠ΅Ρ.
ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
ΠΠ±ΡΠ°ΡΠ°Ρ ΠΠ°ΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈΠΌΠ΅Π΅Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ.
<!DOCTYPE html> <html> <head> <title>ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style</title> <style> p { text-decoration : underline; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π΄Π΅ΠΊΠΎΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π΄Π»Ρ Π°Π±Π·Π°ΡΠ΅Π² (Π»ΠΈΠ½ΠΈΡ ΡΠ½ΠΈΠ·Ρ) */ font-size : 24px; /* ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΠΌ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° Π΄Π»Ρ Π°Π±Π·Π°ΡΠ΅Π² */ }.test { -webkit-text-decoration-style : solid; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : solid; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : solid; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - ΡΠΏΠ»ΠΎΡΠ½Π°Ρ */ } . test2 { -webkit-text-decoration-style : double; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : double; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : double; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - Π΄Π²ΠΎΠΉΠ½Π°Ρ */ } .test3 { -webkit-text-decoration-style : dotted; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : dotted; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : dotted; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - ΡΠΎΡΠ΅ΡΠ½Π°Ρ */ } .test4 { -webkit-text-decoration-style : dashed; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : dashed; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : dashed; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ */ }. test5 { -webkit-text-decoration-style : wavy; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ)*/ -moz-text-decoration-style : wavy; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ (Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ) */ text-decoration-style : wavy; /* Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ - Π²ΠΎΠ»Π½ΠΈΡΡΠ°Ρ */ } </style> </head> <body> <p class = "test">text-decoration-style: solid ;</p> <p class = "test2">text-decoration-style: double ;</p> <p class = "test3">text-decoration-style: dotted ;</p> <p class = "test4">text-decoration-style: dashed ;</p> <p class = "test5">text-decoration-style: wavy ;</p> </body> </html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ°:
ΠΡΠΈΠΌΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style(ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΡΠΈΠ»Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ).Β
CSS ΡΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ
ΠΡΠ»ΠΈ Π²Ρ Π½Π°ΡΠ»ΠΈ ΠΎΡΠΈΠ±ΠΊΡ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΡΡΠ°Π³ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ Ctrl+Enter.
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
Π’Π²ΠΈΡΠ½ΡΡΡ
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ
CSS ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°
ΠΡΠΈΠΌΠ΅Ρ
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ CSS text-decoration-style
ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΉ, Π½Π°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ
Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅.
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style
ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π² ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠΈ ΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ text-decoration-line
ΠΈ text-decoration-color
Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΡΡΠΎΠΊΠΈ (Ρ.Π΅.Π΅. ΡΠΏΠ»ΠΎΡΠ½ΡΠ΅, Π΄Π²ΠΎΠΉΠ½ΡΠ΅, ΡΡΡΠΈΡ
ΠΎΠ²ΡΠ΅, ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΠ΅, Π²ΠΎΠ»Π½ΠΈΡΡΡΠ΅). ΠΡΠ»ΠΈ text-decoration-style
Π½Π΅ ΡΠΊΠ°Π·Π°Π½, Π»ΠΈΠ½ΠΈΡ Π±ΡΠ΄Π΅Ρ ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ | Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ | ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ | ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ | Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ
-
ΡΠ΅Π»ΡΠ½ΡΠΉ
- ΠΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΠΎΡΡΠ΅Π·ΠΎΠΊ Π»ΠΈΠ½ΠΈΠΈ.
-
Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ
- ΠΠ°Π΄Π°Π΅Ρ Π΄Π²Π΅ ΠΏΠ°ΡΠ°Π»Π»Π΅Π»ΡΠ½ΡΠ΅ ΡΠΏΠ»ΠΎΡΠ½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΊΠΎΠΌ ΠΌΠ΅ΠΆΠ΄Ρ Π½ΠΈΠΌΠΈ.
-
ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ
- ΠΠ°Π΄Π°Π΅Ρ Π»ΠΈΠ½ΠΈΡ, ΡΠΎΡΡΠΎΡΡΡΡ ΠΈΠ· ΡΠΎΡΠ΅ΠΊ.
-
ΡΡΡΠΈΡ ΠΎΠ²Π°Ρ
- ΠΠ°Π΄Π°Π΅Ρ Π»ΠΈΠ½ΠΈΡ, ΡΠΎΡΡΠΎΡΡΡΡ ΠΈΠ· ΡΠΈΡΠ΅.
-
Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ
- ΠΠ°Π΄Π°Π΅Ρ Π²ΠΎΠ»Π½ΠΈΡΡΡΡ Π»ΠΈΠ½ΠΈΡ.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π²ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° CSS ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΊΠ»ΡΡΠ΅Π²ΡΡ ΡΠ»ΠΎΠ² Π²ΡΠ΅Π³ΠΎ CSS Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΡΠ²ΠΎΠ΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°:
-
Π½Π°ΡΠ°Π»ΡΠ½ΡΠΉ
- ΠΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π°.
-
Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ
- ΠΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ Π²ΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
-
ΡΠ½ΡΡΠΎ
- ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΡΠ΅Ρ ΠΊΠ°ΠΊ
ΠΏΡΠΈ Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠΈ
ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΏΡΠΈ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠΌ
, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΠ½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈΠ»ΠΈ Π½Π΅Ρ. ΠΡΡΠ³ΠΈΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ, ΠΎΠ½ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ² ΠΈΡ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΈ Π½Π°ΡΠ»Π΅Π΄ΡΡΡΡΡ, ΠΈΠ»ΠΈ ΠΈΡ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΈ Π½Π΅ Π½Π°ΡΠ»Π΅Π΄ΡΡΡΡΡ.
ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎΠ± ΠΈΠΌΡΡΠ΅ΡΡΠ²Π΅
- ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅
- ΡΠ²Π΅ΡΠ΄ΡΠΉ
- ΠΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ
- ΠΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
- Π£Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΎ?
- ΠΠ΅Ρ
- ΠΠ΅Π΄ΠΈΠ°
- ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ
- ΠΠ½ΠΈΠΌΠ°ΡΠΈΠΎΠ½Π½ΡΠΉ
- ΠΠ΅Ρ
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π°
ΠΠ°Π·ΠΎΠ²ΡΠΉ CSS
ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ Π±Π°Π·ΠΎΠ²ΠΎΠΉ Π΄Π΅ΠΊΠ»Π°ΡΠ°ΡΠΈΠΈ.ΠΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΈ Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ.
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ;
ΠΠ½Π°ΡΠΈΡ, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΠΊ:
h2 { ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅; ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ; ΡΠ²Π΅Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΆΠ΅Π»ΡΠΎ-Π·Π΅Π»Π΅Π½ΡΠΉ; }
Π Π°Π±ΠΎΡΠΈΠΉ ΠΏΡΠΈΠΌΠ΅Ρ Π² HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅
ΠΡΠΈΠΌΠ΅Ρ
ΠΠΎΠΏΡΠΎΠ±ΡΠΉ
Π‘ΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ CSS
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°
Π‘Π»Π΅Π΄ΡΡΡΠ°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π° ββCaniuse. com ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΡΠΎΠ²Π΅Π½Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΡΡΠΎΠΉ ΡΡΠ½ΠΊΡΠΈΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ.
ΠΡΠ΅ΡΠΈΠΊΡΡ ΠΏΠΎΡΡΠ°Π²ΡΠΈΠΊΠΎΠ²
ΠΠ»Ρ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΉ ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΡΡΠΈ Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ°ΠΊΠΈΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ, ΠΊΠ°ΠΊ -webkit-
Π΄Π»Ρ Safari, Google Chrome ΠΈ Opera (Π±ΠΎΠ»Π΅Π΅ Π½ΠΎΠ²ΡΠ΅ Π²Π΅ΡΡΠΈΠΈ), -ms-
Π΄Π»Ρ Internet Explorer, -moz-
Π΄Π»Ρ Firefox, -o-
Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ ΡΡΠ°ΡΡΡ
Π²Π΅ΡΡΠΈΠΉ Opera ΠΈ Ρ. Π΄. ΠΠ°ΠΊ ΠΈ Π² ΡΠ»ΡΡΠ°Π΅ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π° CSS, Π΅ΡΠ»ΠΈ Π±ΡΠ°ΡΠ·Π΅Ρ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΡΠΎΠΏΡΠΈΠ΅ΡΠ°ΡΠ½ΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅, ΠΎΠ½ ΠΏΡΠΎΡΡΠΎ ΠΏΡΠΎΠΈΠ³Π½ΠΎΡΠΈΡΡΠ΅Ρ Π΅Π³ΠΎ.
W3C Π½Π΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅Ρ ΡΡΡ ΠΏΡΠ°ΠΊΡΠΈΠΊΡ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ ΡΠ»ΡΡΠ°ΡΡ Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ — ΡΡΠΎ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ CSS, ΡΠΎΠ²ΠΌΠ΅ΡΡΠΈΠΌΠΎΠ΅ Ρ Π²Π°ΡΠΈΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ.
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΎΠ±ΡΡΠ½ΠΎ ΡΡΡΠ΅ΠΌΡΡΡΡ ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΉ W3C, ΠΈ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π±Π΅Π· ΠΏΡΠ΅ΡΠΈΠΊΡΠ°, ΠΎΠ½ΠΈ ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ΄Π°Π»ΡΡΡ Π²Π΅ΡΡΠΈΡ Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, W3C ΡΠΎΠ²Π΅ΡΡΠ΅Ρ ΠΏΠΎΡΡΠ°Π²ΡΠΈΠΊΠ°ΠΌ ΡΠ΄Π°Π»ΠΈΡΡ ΡΠ²ΠΎΠΈ ΠΏΡΠ΅ΡΠΈΠΊΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠΉΡΡΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΡΡΠΈΠ³Π°ΡΡ ΡΡΠ°ΡΡΡΠ° ΠΊΠ°Π½Π΄ΠΈΠ΄Π°ΡΠ° Π² ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ.
ΠΠ½ΠΎΠ³ΠΈΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Autoprefixer, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΏΠΎΡΡΠΏΡΠΎΡΠ΅ΡΡΠΎΡ Π΄Π»Ρ CSS.Autoprefixer Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΡ ΠΏΠΎΡΡΠ°Π²ΡΠΈΠΊΠΎΠ² Π² Π²Π°Ρ CSS, ΠΏΠΎΡΡΠΎΠΌΡ Π²Π°ΠΌ ΡΡΠΎ Π½Π΅ Π½ΡΠΆΠ½ΠΎ. ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ ΡΠ΄Π°Π»ΡΠ΅Ρ ΡΡΠ°ΡΡΠ΅ Π½Π΅Π½ΡΠΆΠ½ΡΠ΅ ΠΏΡΠ΅ΡΠΈΠΊΡΡ ΠΈΠ· Π²Π°ΡΠ΅Π³ΠΎ CSS.
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Autoprefixer Ρ ΡΠ°ΠΊΠΈΠΌΠΈ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ°ΠΌΠΈ, ΠΊΠ°ΠΊ Less ΠΈ Sass.
ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° CSS— javatpoint
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠΊΡΠ°ΡΠ°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ΅ΠΊΡΡΠ°. ΠΠ½ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΡΡΡΠΎΠΊΠΈ ΠΏΠΎΠ΄, ΡΠ²Π΅ΡΡ Ρ ΠΈ ΡΠΊΠ²ΠΎΠ·Ρ ΡΠ΅ΠΊΡΡ. Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΡ Π»ΠΈΠ½ΠΈΠΉ Π½Π° ΡΠ΅ΠΊΡΡΠ΅. ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS ΡΠΊΡΠ°ΡΠ°Π΅Ρ ΡΠ΅ΠΊΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ Π²ΠΈΠ΄Π°ΠΌΠΈ ΡΡΡΠΎΠΊ.ΠΡΠΎ ΡΠΎΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ text-decoration-line, text-decoration-color, ΠΈ text-decoration-style.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ ΡΡΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π° CSS ΠΈΠΌΠ΅Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ Π²ΠΈΠ΄:
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡ
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅: ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ° ΡΠ²Π΅Ρ-ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΠΈΠ»Ρ ΡΠ΅ΠΊΡΡΠ° | Π½Π°ΡΠ°Π»ΡΠ½ΡΠΉ | Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅;
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΎΠ±ΡΡΠ΄ΠΈΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΅Π³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ² Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅.
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°
Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠΈΠΏ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π½Π°Π΄ ΡΠ΅ΡΡΠΎΠΉ, ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΠΈΠ»ΠΈ ΡΠ΅ΡΠ΅Π· ΡΡΡΠΎΠΊΡ. ΠΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΠΈ ΡΡΡΠΎΠΊ ΠΊ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡ ΡΠ΅ΠΊΡΡΡ.
ΠΡΠΈΠΌΠ΅Ρ
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΡΠΎΠ±ΠΈΡΠ°Π΅ΠΌΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ, Π½Π°Π΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΠΈ ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ. ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΡΠ²ΠΈΠ΄ΠΈΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
ΠΠΎΠ±ΡΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°ΡΡ Π² javaTpoint.
comΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: ΡΡΡΠΎΠΊΠ° ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°;
ΠΡΠΎ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅
ΠΡΠΎ ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠΉ
ΠΡΠΎ Π½Π°Π²Π΅ΡΡ Ρ
ΠΡΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΡ ΡΡΡΠΎΠΊ
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΠΈΠ»Ρ
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ.ΠΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ: ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ, ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠΉ, Π²ΠΎΠ»Π½ΠΈΡΡΠΎΠΉ, Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ, ΠΈ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠΉ.
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΠ±ΡΡΡΠ½ΡΠ΅ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΡΠΊΠΎ.
ΠΡΠΈΠΌΠ΅Ρ
ΠΠΎΠ±ΡΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°ΡΡ Π² javaTpoint.
comtext-decoration: ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ° ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΠΈΠ»Ρ;
ΠΡΠΎ Π΄Π²ΠΎΠΉΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅
ΠΡΠΎ ΡΠΊΠ²ΠΎΠ·Π½Π°Ρ ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ
ΠΡΠΎ ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ Π½Π°Π²Π΅ΡΡ Ρ
ΠΡΠΎ Π²ΠΎΠ»Π½ΠΈΡΡΠΎΠ΅ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΉ
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΠ²Π΅Ρ
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΏΡΠΈΠ΄Π°Π½ΠΈΡ ΡΠ²Π΅ΡΠ° Π΄Π΅ΠΊΠΎΡΡ.ΠΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ — Π»ΡΠ±ΠΎΠΉ ΡΠ²Π΅Ρ Π² Π΄ΠΎΠΏΡΡΡΠΈΠΌΠΎΠΌ ΡΠΎΡΠΌΠ°ΡΠ΅.
ΠΡΠΈΠΌΠ΅Ρ
ΠΠΎΠ±ΡΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°ΡΡ Π² javaTpoint.
comtext-decoration: ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ° ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΠΈΠ»Ρ;
ΠΡΠΎ Π΄Π²ΠΎΠΉΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅
ΠΡΠΎ ΡΠΊΠ²ΠΎΠ·Π½Π°Ρ ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ
ΠΡΠΎ ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ Π½Π°Π²Π΅ΡΡ Ρ
ΠΡΠΎ Π²ΠΎΠ»Π½ΠΈΡΡΠΎΠ΅ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΉ
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° — Codrops
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΉ (ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, Π½Π°Π΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ ΡΠΊΠ²ΠΎΠ·Π½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ), ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠΉ Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Ρ text-decoration-line
.
Π‘ΡΠΈΠ»Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΡΡΠΎΠΊΠ°ΠΌ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅, ΠΏΠΎΡΡΠΎΠΌΡ, Π΅ΡΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ ΠΎΠ±Π° ΡΠΈΠΌΠ²ΠΎΠ»Π°, ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΠΎΠ±Π° ΠΏΠΎΠ»ΡΡΠ°Ρ ΠΎΠ΄ΠΈΠ½ ΠΈ ΡΠΎΡ ΠΆΠ΅ ΡΡΠΈΠ»Ρ. Π Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π½Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈ Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ Π»ΠΈΠ½ΠΈΠΉ, ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌΡΡ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style
ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΏΠ»ΠΎΡΠ½ΡΡ
Π»ΠΈΠ½ΠΈΠΉ, ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΡ
Π»ΠΈΠ½ΠΈΠΉ, ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΡ
Π»ΠΈΠ½ΠΈΠΉ, Π²ΠΎΠ»Π½ΠΈΡΡΡΡ
Π»ΠΈΠ½ΠΈΠΉ ΠΈΠ»ΠΈ Π΄Π²ΠΎΠΉΠ½ΡΡ
Π»ΠΈΠ½ΠΈΠΉ (Π΄Π²Π΅ Π»ΠΈΠ½ΠΈΠΈ Π²ΠΌΠ΅ΡΡΠΎ ΠΎΠ΄Π½ΠΎΠΉ). ΠΠ½ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΈ Π½Π°ΡΠ»Π΅Π΄ΡΠ΅Ρ
, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅Ρ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ΅ ΠΆΠ΅ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠΈ, ΡΡΠΎ ΠΈ Ρ Π΅Π³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
- ΡΠ΅Π»ΡΠ½ΡΠΉ
- ΡΠΈΡΡΠ΅Ρ ΠΎΠ΄Π½Ρ Π»ΠΈΠ½ΠΈΡ Π½Π°Π΄, ΠΏΠΎΠ΄ ΠΈΠ»ΠΈ ΡΠ΅ΡΠ΅Π· ΡΠ΅ΠΊΡΡ. (Π‘ΠΌ.
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°
). - Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ
- ΡΠΈΡΡΠ΅Ρ Π΄Π²Π΅ Π»ΠΈΠ½ΠΈΠΈ Π½Π°Π΄ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΠΏΠΎΠ΄ Π½ΠΈΠΌ ΠΈΠ»ΠΈ ΡΠΊΠ²ΠΎΠ·Ρ Π½Π΅Π³ΠΎ.
- Ρ ΡΠΎΡΠΊΠ°ΠΌΠΈ
- ΡΠΈΡΡΠ΅Ρ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΡ Π½Π°Π΄, ΠΏΠΎΠ΄ ΠΈΠ»ΠΈ ΡΠ΅ΡΠ΅Π· ΡΠ΅ΠΊΡΡ.
- ΡΡΡΠΈΡ ΠΎΠ²Π°Ρ
- ΡΠΈΡΡΠ΅Ρ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΡ Π½Π°Π΄, ΠΏΠΎΠ΄ ΠΈΠ»ΠΈ ΡΠ΅ΡΠ΅Π· ΡΠ΅ΠΊΡΡ.
- Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ
- ΡΠΈΡΡΠ΅Ρ Π²ΠΎΠ»Π½ΠΈΡΡΡΡ Π»ΠΈΠ½ΠΈΡ Π½Π°Π΄ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΠΏΠΎΠ΄ Π½ΠΈΠΌ ΠΈΠ»ΠΈ ΡΠΊΠ²ΠΎΠ·Ρ Π½Π΅Π³ΠΎ.
- ΡΠ½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ
- Π½Π°ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ ΠΎΡ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ.
ΠΡΠΈΠΌΠ΅ΡΡ
ΠΠΈΠΆΠ΅ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ h2
ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΠΌΠΈ. ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-line
.
h2 { ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅; ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ; }
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π±ΡΠ°ΡΠ·Π΅ΡΠ°
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² Chrome ΠΈ Opera Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ -webkit-
, Π² Firefox Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ -moz-
ΠΈ Π½Π° Android.
Π Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ ΠΎΠ½ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π² iOS, Internet Explorer ΠΈ Safari.
ΠΠ²ΡΠΎΡ Π‘Π°ΡΠ° Π‘ΡΠ΅ΠΉΠ΄Π°Π½. ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅: 3 ΡΠ΅Π²ΡΠ°Π»Ρ 2015 Π³., 12:35, Π°Π²ΡΠΎΡ: ΠΠ΅Π΄ΡΠΎ ΠΠΎΡΠ΅Π»ΡΠΎ.
Π£ Π²Π°Ρ Π΅ΡΡΡ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π²ΠΎΠΏΡΠΎΡ ΠΈΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²Π½Π΅ΡΡΠΈ ΡΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄? ΠΡΠΏΡΠ°Π²ΠΈΡΡ Π²ΠΎΠΏΡΠΎΡ.
CSS ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style — ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ, Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΠΏΡΠΈΠΌΠ΅ΡΡ
CSS ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style — ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡ, Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΠΏΡΠΈΠΌΠ΅ΡΡΠ‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°.Π‘ΡΠΈΠ»ΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΎΠ΄Π½ΠΎΡΠΎΠ½Π½ΡΠΌΠΈ, ΡΡΡΠΈΡ ΠΎΠ²ΡΠΌΠΈ, ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΠΌΠΈ, Π΄Π²ΠΎΠΉΠ½ΡΠΌΠΈ ΠΈ Π²ΠΎΠ»Π½ΠΈΡΡΡΠΌΠΈ.
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-style ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· ΡΠ²ΠΎΠΉΡΡΠ² CSS3.
Π‘ΠΈΠ½ΡΠ°ΠΊΡΠΈΡΒΆ
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ | Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ | ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ | ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ | Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ | Π½Π°ΡΠ°Π»ΡΠ½Π°Ρ | Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ;
ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style: ΒΆ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°
<ΡΡΠΈΠ»Ρ>
div {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ;
ΡΠ²Π΅Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: # 1c87c9;
}
ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π² ΡΡΠΈΠ»Π΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ Β»Π Π΅Π·ΡΠ»ΡΡΠ°ΡΒΆ
ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌΒ« Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ Β»: ΒΆ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°
<ΡΡΠΈΠ»Ρ>
div {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ;
ΡΠ²Π΅Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: # 1c87c9;
}
ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π² ΡΡΠΈΠ»Π΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ Β»ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌΒ« ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Β»: ΒΆ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°
<ΡΡΠΈΠ»Ρ>
div {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: Π½Π°Π΄ ΡΠ΅ΡΡΠΎΠΉ;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ;
ΡΠ²Π΅Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: # 1c87c9;
}
ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π² ΡΡΠΈΠ»Π΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ Β»ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌΒ« ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Β»: ΒΆ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°
<ΡΡΠΈΠ»Ρ>
div {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: Π½Π°Π΄ ΡΠ΅ΡΡΠΎΠΉ;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ;
ΡΠ²Π΅Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: # 1c87c9;
}
ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π² ΡΡΠΈΠ»Π΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ Β»ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style Ρ Π΄Π²ΠΎΠΉΠ½ΡΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ: ΒΆ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°
<ΡΡΠΈΠ»Ρ>
div {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ;
ΡΠ²Π΅Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: # 1c87c9;
}
ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π² ΡΡΠΈΠ»Π΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ.
ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°ΠΌΠΈ Β»ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-style ΡΠΎ Π²ΡΠ΅ΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ: ΒΆ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°
<ΡΡΠΈΠ»Ρ>
div {
ΠΌΠ°ΡΠΆΠ°: 20px 0;
}
div.t1 {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ;
}
div. t2 {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΡΠΊΠ²ΠΎΠ·Π½Π°Ρ ΡΡΡΠΎΠΊΠ°;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ;
}
div.t3 {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ;
}
div.t4 {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: Π½Π°Π΄ ΡΠ΅ΡΡΠΎΠΉ;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ;
}
div.t5 {
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΡΠΊΠ²ΠΎΠ·Π½Π°Ρ ΡΡΡΠΎΠΊΠ°;
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ;
}
ΠΡΠΈΠΌΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π² ΡΡΠΈΠ»Π΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ.
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ.
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ.
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ.
Lorem Ipsum - ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ ΡΠΈΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ»ΠΈΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΠΈ Π½Π°Π±ΠΎΡΠ½ΠΎΠΉ ΠΈΠ½Π΄ΡΡΡΡΠΈΠΈ. advices.length}} Π£ΡΠΏΠ΅Ρ
! {{/advices.length}} {{# advices.length}} ΠΠ΅Π²Π΅ΡΠ½ΠΎ! Π’Ρ Π½Π΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΏΠΎΠ½ΡΠ»! {{/advices.length}} {{# advices.length}} {{#advices}} {{.}}
{{/ advices}} {{/advices.length}} ΠΡΠΈΠ±ΠΊΠ°!
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° Π²Π°Ρ ΠΎΡΠ·ΡΠ²!
Π‘ΡΠΈΡΠ°Π΅ΡΠ΅ Π»ΠΈ Π²Ρ ΡΡΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌ? ΠΠ° ΠΠ΅Ρ
Π‘ΡΠ°ΡΡΠΈ ΠΏΠΎ ΡΠ΅ΠΌΠ΅
ΠΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΠ°ΠΉΠ»Ρ cookie Π΄Π»Ρ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ ΠΈ Π°Π½Π°Π»ΠΈΠ·Π° ΠΏΠΎΡΠ΅ΡΠ°Π΅ΠΌΠΎΡΡΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°. ΠΡΠΈΠ½ΠΈΠΌΠ°Ρ
Π’Π΅ΠΊΡΡ
Π’Π΅ΠΊΡΡ
Π‘Π²ΠΎΠΉΡΡΠ²Π°, ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ Π² ΡΠ»Π΅Π΄ΡΡΡΠΈΡ
ΡΠ°Π·Π΄Π΅Π»Π°Ρ
, Π²Π»ΠΈΡΡΡ Π½Π° Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ
ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ², ΡΠ»ΠΎΠ² ΠΈ Π°Π±Π·Π°ΡΠ΅Π².
ΠΠΌΡ:
text-indent ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: | <ΠΏΡΠΎΡΠ΅Π½Ρ> | Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ
ΠΠ°ΡΠ°Π»ΡΠ½ΡΠΉ: 0
ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ: Π±Π»ΠΎΠΊ-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°ΠΌ
Π£Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΎ: Π΄Π°
ΠΡΠΎΡΠ΅Π½ΡΡ: ΠΎΡΠ½ΠΎΡΡΡΡΡ ΠΊ ΡΠΈΡΠΈΠ½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅Π³ΠΎ Π±Π»ΠΎΠΊΠ°
ΠΠ΅Π΄ΠΈΠ°: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ
ΠΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅: ΡΠΊΠ°Π·Π°Π½Π½ΡΠΉ ΠΏΡΠΎΡΠ΅Π½Ρ ΠΈΠ»ΠΈ Π°Π±ΡΠΎΠ»ΡΡΠ½Π°Ρ Π΄Π»ΠΈΠ½Π°
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΎΡΡΡΡΠΏ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΡΠ΅ΠΊΡΡΠ°.
Π² Π±Π»ΠΎΡΠ½ΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅.Π’ΠΎΡΠ½Π΅Π΅, ΠΎΠ½ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΎΡΡΡΡΠΏ
ΠΏΠ΅ΡΠ²ΡΠΉ Π±Π»ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠ΅ΡΠ΅ΡΠ΅ΠΊΠ°Π΅Ρ Π² Π±Π»ΠΎΠΊ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ Π±Π»ΠΎΠΊΠ°. ΠΠΎΠ»Π΅ Ρ ΠΎΡΡΡΡΠΏΠΎΠΌ
ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π»Π΅Π²ΠΎΠ³ΠΎ (ΠΈΠ»ΠΈ ΠΏΡΠ°Π²ΠΎΠ³ΠΎ, Π΄Π»Ρ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ ΡΠΏΡΠ°Π²Π° Π½Π°Π»Π΅Π²ΠΎ) ΠΊΡΠ°Ρ
ΡΡΡΠΎΡΠ½Π°Ρ ΠΊΠΎΡΠΎΠ±ΠΊΠ°. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π³Π΅Π½ΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΡΠΎΡ ΠΎΡΡΡΡΠΏ ΠΊΠ°ΠΊ ΠΏΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ.
'Text-indent' Π²Π»ΠΈΡΠ΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΡΡΠΎΠΊΡ, Π΅ΡΠ»ΠΈ ΡΡΠΎ ΠΏΠ΅ΡΠ²Π°Ρ ΠΎΡΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ ΡΡΡΠΎΠΊΠ°
ΡΠ»Π΅ΠΌΠ΅Π½Ρ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΡΠΎΠΊΠ° Π°Π½ΠΎΠ½ΠΈΠΌΠ½ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊ-Π±ΠΎΠΊΡΠ° - ΡΡΠΎ ΡΠΎΠ»ΡΠΊΠΎ
Π·Π°ΡΡΠ°Π³ΠΈΠ²Π°Π΅ΡΡΡ, Π΅ΡΠ»ΠΈ ΡΡΠΎ ΠΏΠ΅ΡΠ²ΡΠΉ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- <Π΄Π»ΠΈΠ½Π°>
- ΠΡΡΡΡΠΏ ΠΈΠΌΠ΅Π΅Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π΄Π»ΠΈΠ½Ρ.
- <ΠΏΡΠΎΡΠ΅Π½Ρ>
- ΠΡΡΡΡΠΏ - ΡΡΠΎ ΠΏΡΠΎΡΠ΅Π½Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ
ΡΠΈΡΠΈΠ½Π° Π±Π»ΠΎΠΊΠ°.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ 'text-indent' ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ, Π½ΠΎ
ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ, Π·Π°Π²ΠΈΡΡΡΠΈΠ΅ ΠΎΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ.
ΠΡΠ»ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 'text-indent' ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΈΠ»ΠΈ
ΠΏΡΠ΅Π²ΡΡΠ°Π΅Ρ ΡΠΈΡΠΈΠ½Ρ Π±Π»ΠΎΠΊΠ°, ΡΡΠΎ ΠΏΠ΅ΡΠ²ΡΠΉ Π±Π»ΠΎΠΊ , ΠΎΠΏΠΈΡΠ°Π½Π½ΡΠΉ Π²ΡΡΠ΅,
ΠΌΠΎΠΆΠ΅Ρ ΠΏΠ΅ΡΠ΅ΠΏΠΎΠ»Π½ΠΈΡΡ Π±Π»ΠΎΠΊ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Β«ΠΏΠ΅ΡΠ΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡΒ» ΠΏΠΎΠ²Π»ΠΈΡΠ΅Ρ Π½Π°
Π²ΠΈΠ΄Π΅Π½ Π»ΠΈ ΡΠ°ΠΊΠΎΠΉ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π²ΡΡ
ΠΎΠ΄ΠΈΡ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ Π±Π»ΠΎΠΊΠ°.
ΠΡΠΈΠΌΠ΅ΡΡ:
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΠΎΡΡΡΡΠΏ Β«3emΒ».
ΠΏ {ΡΠ΅ΠΊΡΡ-ΠΎΡΡΡΡΠΏ: 3em}
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-indent Π½Π°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ, Π΅ΡΠ»ΠΈ ΠΎΠ½ΠΎ ΡΠΊΠ°Π·Π°Π½ΠΎ Π²
Π±Π»ΠΎΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΡΡΠΎ ΠΏΠΎΠ²Π»ΠΈΡΠ΅Ρ Π½Π° Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠ΅ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ Π±Π»ΠΎΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.
ΠΠΎ ΡΡΠΎΠΉ ΠΏΡΠΈΡΠΈΠ½Π΅ ΡΠ°ΡΡΠΎ ΠΈΠΌΠ΅Π΅Ρ ΡΠΌΡΡΠ» ΡΠΊΠ°Π·Π°ΡΡ ' text-indent: 0
'.
Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΊΠ°Π·Π°Π½Ρ ' display: inline-block
'.
ΠΠΌΡ: Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: ΡΠ»Π΅Π²Π° | ΠΏΡΠ°Π²ΠΎ | ΡΠ΅Π½ΡΡ | ΠΎΠΏΡΠ°Π²Π΄Π°ΡΡ | Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: Π±Π΅Π·ΡΠΌΡΠ½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π΄Π΅ΠΉΡΡΠ²ΡΠ΅Ρ ΠΊΠ°ΠΊ Β«Π²Π»Π΅Π²ΠΎΒ», Π΅ΡΠ»ΠΈ Β«Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅Β» ΡΠ°Π²Π½ΠΎ Β«ltrΒ»,
'right', Π΅ΡΠ»ΠΈ 'direction' ΡΠ°Π²Π½ΠΎ 'rtl' ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ: Π±Π»ΠΎΠΊ-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°ΠΌ Π£Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΎ: Π΄Π° Π ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ
: Π / Π ΠΠ΅Π΄ΠΈΠ°: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅: Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΠΏΠΈΡΡΠ²Π°Π΅Ρ, ΠΊΠ°ΠΊ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π±Π»ΠΎΠΊΠ°
ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π²ΡΡΠΎΠ²Π½Π΅Π½. Π¦Π΅Π½Π½ΠΎΡΡΠΈ
ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- ΡΠ»Π΅Π²Π°, ΡΠΏΡΠ°Π²Π°, ΠΏΠΎ ΡΠ΅Π½ΡΡΡ, ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅
- Π‘Π»Π΅Π²Π°, ΡΠΏΡΠ°Π²Π°, ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΈ ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅ ΡΠ΅ΠΊΡΡΠ° ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ, ΠΊΠ°ΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΎ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΎ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠΌ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ.
ΠΠ»ΠΎΠΊ ΡΠ΅ΠΊΡΡΠ° - ΡΡΠΎ ΡΡΠΎΠΏΠΊΠ° ΡΡΡΠΎΠΊ
ΠΊΠΎΡΠΎΠ±ΠΊΠΈ. Π ΡΠ»ΡΡΠ°Π΅ "left", "right" ΠΈ "center" ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ
ΠΊΠ°ΠΊ Π±Π»ΠΎΠΊΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΡΡΠΎΡΠ½ΠΎΠΌ Π±Π»ΠΎΠΊΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ ΠΊ ΡΡΡΠΎΠΊΠ΅
Π»Π΅Π²Π°Ρ ΠΈ ΠΏΡΠ°Π²Π°Ρ ΡΡΠΎΡΠΎΠ½Ρ ΠΊΠΎΡΠΎΠ±ΠΊΠΈ; Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ Π½Π΅ ΠΏΠΎ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ ΠΊ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°. Π ΡΠ»ΡΡΠ°Π΅ Β«ΠΎΠΏΡΠ°Π²Π΄Π°ΡΡΒ»,
ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π±Π»ΠΎΠΊΠΈ ΠΈΠ½Π»Π°ΠΉΠ½-ΡΡΠΎΠ²Π½Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π·Π°ΠΏΠΎΠ΄Π»ΠΈΡΠΎ
Ρ ΠΎΠ±Π΅ΠΈΡ
ΡΡΠΎΡΠΎΠ½ Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠ³ΠΎ Π±ΠΎΠΊΡΠ°, Π΅ΡΠ»ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΏΡΡΠ΅ΠΌ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ ΠΈΠ»ΠΈ ΡΠΆΠ°ΡΠΈΡ
ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ
ΠΏΠΎΠ»Π΅ΠΉ, ΠΈΠ½Π°ΡΠ΅ Π²ΡΡΠΎΠ²Π½Π΅Π½Π½ΠΎΠ΅ ΠΊΠ°ΠΊ Π΄Π»Ρ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ
ΡΠ΅Π½ΠΈΡΡ.(Π‘ΠΌ. Π’Π°ΠΊΠΆΠ΅ Β«ΠΌΠ΅ΠΆΠ±ΡΠΊΠ²Π΅Π½Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»Β» ΠΈ Β«ΠΌΠ΅ΠΆΡΠ»ΠΎΠ²Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»Β».)
ΠΡΠ»ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠΌΠ΅Π΅Ρ Π²ΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ 'ΠΏΡΠΎΠ±Π΅Π»Π°' ΠΈΠ· 'pre' ΠΈΠ»ΠΈ
'pre-wrap', ΡΠΎ Π½ΠΈ Π³Π»ΠΈΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π½ΠΈ
Π΅Π³ΠΎ ΠΏΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΎ Ρ ΡΠ΅Π»ΡΡ ΠΎΠΏΡΠ°Π²Π΄Π°Π½ΠΈΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. CSS ΠΌΠΎΠΆΠ΅Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠΏΠΎΡΠΎΠ± Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ
'white-space: pre-wrap' Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ.
ΠΡΠΈΠΌΠ΅ΡΡ:
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΎΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ 'Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°' Π½Π°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ, Π²ΡΠ΅
ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΡΠΎΠ²Π½Ρ Π±Π»ΠΎΠΊΠ° Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² DIV Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΊΠ»Π°ΡΡΠ° 'important' Π±ΡΠ΄ΡΡ
ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΠΉΡΠ΅ ΠΈΡ
Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ.
div.important {Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: ΡΠ΅Π½ΡΡ}
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. Π€Π°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π°Π»Π³ΠΎΡΠΈΡΠΌ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½ΠΈΡ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ Π°Π³Π΅Π½ΡΠ° ΠΈ ΡΠ·ΡΠΊΠ° / ΡΡΠ΅Π½Π°ΡΠΈΡ.
ΡΠ΅ΠΊΡΡΠ°.
Π‘ΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π³Π΅Π½ΡΡ ΠΌΠΎΠ³ΡΡ
ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠΈΡΠΎΠ²Π°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Β«Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°ΡΡ ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅Β» ΠΊΠ°ΠΊ Β«Π²Π»Π΅Π²ΠΎΒ» ΠΈΠ»ΠΈ Β«Π²ΠΏΡΠ°Π²ΠΎΒ», Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ
ΡΠ²Π»ΡΠ΅ΡΡΡ Π»ΠΈ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠΈΡΡΠΌΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ ΠΈΠ»ΠΈ
ΡΠΏΡΠ°Π²Π° Π½Π°Π»Π΅Π²ΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ.
16.3.1 ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΈ
ΠΌΠΈΠ³Π°Π΅Ρ: Β«ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅Β»
Π½Π΅Π΄Π²ΠΈΠΆΠΈΠΌΠΎΡΡΡ
ΠΠΌΡ: ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: Π½Π΅Ρ | [ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ || Π½Π°Π΄ΡΡΡΠΎΡΠ½ΡΠΉ || ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠΉ || ΠΌΠΈΠ³Π°ΡΡ] | Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: Π½Π΅Ρ ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ: Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π£Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΎ: Π½Π΅Ρ (ΡΠΌ. ΠΡΠΎΠ·Ρ) Π ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ
: Π / Π ΠΠ΅Π΄ΠΈΠ°: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅: ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΠΏΠΈΡΡΠ²Π°Π΅Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½ΡΠ΅ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ.
ΠΊ ΡΠ΅ΠΊΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ²Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.ΠΡΠΈ ΡΠΊΠ°Π·Π°Π½ΠΈΠΈ ΠΈΠ»ΠΈ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΠΈ Π½Π° Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΎΠ½
Π²Π»ΠΈΡΠ΅Ρ Π½Π° Π²ΡΠ΅ Π±Π»ΠΎΠΊΠΈ, Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌΡΠ΅ ΡΡΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ, ΠΈ, ΠΊΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ,
ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΡΡΡ Π½Π° Π»ΡΠ±ΡΠ΅ Π²Ρ
ΠΎΠ΄ΡΡΠΈΠ΅ Π² ΠΏΠΎΡΠΎΠΊ Π±Π»ΠΎΠΊΠΈ ΡΡΠΎΠ²Π½Ρ Π±Π»ΠΎΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°Π·Π΄Π΅Π»ΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ (ΡΠΌ.
ΡΠ°Π·Π΄Π΅Π» 9.2.1.1).
ΠΠΎ Π² CSS 2.2 Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ, Π±ΡΠ΄Π΅Ρ Π»ΠΈ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅
ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΡΡΡ Π² ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΎΠ²Π½Ρ Π±Π»ΠΎΠΊΠ°.
ΠΠ»Ρ Π±Π»ΠΎΠΊ-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ², ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΠΈΡ
Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ΅ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ, ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΡΡΡΡ Π½Π° Π°Π½ΠΎΠ½ΠΈΠΌΠ½ΡΠΉ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ
ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ±ΠΎΡΠ°ΡΠΈΠ²Π°Π΅Ρ Π²ΡΠ΅ Π²Ρ
ΠΎΠ΄ΡΡΠΈΠ΅ Π² ΠΏΠΎΡΠΎΠΊ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π±Π»ΠΎΠΊΠ°
ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ.ΠΠ»Ρ Π²ΡΠ΅Ρ
ΠΎΡΡΠ°Π»ΡΠ½ΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΎΠ½ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΡΡΡ Π½Π° Π»ΡΠ±ΠΎΠΉ Π²Ρ
ΠΎΠ΄ΡΡΠΈΠΉ ΠΏΠΎΡΠΎΠΊ.
Π΄Π΅ΡΠΈ. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ Π½Π΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΡΡΡΡ Π½Π° ΠΏΠ»Π°Π²Π°ΡΡΠΈΠ΅
ΠΈ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½Π½ΡΡ
ΠΏΠΎΡΠΎΠΌΠΊΠΎΠ², Π½ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΡ Π°ΡΠΎΠΌΠ°ΡΠ½ΡΡ
ΠΏΠΎΡΠΎΠΌΠΊΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΡΠΎΠ²Π½Ρ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ Π±Π»ΠΎΠΊΠΈ ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ.
ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ, Π½Π°Π΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΠΈ ΡΠΊΠ²ΠΎΠ·Π½ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΊ ΡΠ΅ΠΊΡΡΡ.
(Π²ΠΊΠ»ΡΡΠ°Ρ ΠΏΡΠΎΠ±Π΅Π»Ρ, ΠΌΠ΅ΠΆΠ±ΡΠΊΠ²Π΅Π½Π½ΡΠ΅ ΠΈ ΠΌΠ΅ΠΆΡΠ»ΠΎΠ²Π½ΡΠ΅ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»Ρ): ΠΏΠΎΠ»Ρ,
Π³ΡΠ°Π½ΠΈΡΡ ΠΈ ΠΎΡΡΡΡΠΏΡ ΠΏΡΠΎΠΏΡΡΠΊΠ°ΡΡΡΡ.
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π³Π΅Π½ΡΡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΡΡΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ Π² ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅
Π½Π΅ ΡΠ΅ΠΊΡΡ.ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π΅Π»ΡΠ·Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ Π±Π»ΠΎΠΊΠΈ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. ΠΡΠ»ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½Ρ E ΠΈΠΌΠ΅Π΅Ρ ΠΎΠ±Π΅ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ:
hidden 'ΠΈ' text-decoration: underline ', ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎ
(Ρ
ΠΎΡΡ Π»ΡΠ±ΠΎΠ΅ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° E Π²ΠΈΠ΄Π½ΠΎ Π½Π° ΡΠΈΡΡΠ½ΠΊΠ΅ ).
ΠΠ΄Π½Π°ΠΊΠΎ Π² CSS 2.2 Π½Π΅ ΡΠΊΠ°Π·Π°Π½ΠΎ, ΡΠ²Π»ΡΠ΅ΡΡΡ Π»ΠΈ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π²ΠΈΠ΄ΠΈΠΌΡΠΌ ΠΈΠ»ΠΈ
Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡΠΉ Π² Π΄Π΅ΡΡΡ
E:
ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡΠΉ ΠΈΠ»ΠΈ Π½Π΅Ρ?
ΠΠΆΠΈΠ΄Π°Π΅ΡΡΡ, ΡΡΠΎ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΡΡΠΎΠ²Π½Π΅ 3 CSS.
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration Ρ Π΄ΠΎΡΠ΅ΡΠ½ΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ Π½ΠΈΠΊΠ°ΠΊΠΈΡ
Π²Π»ΠΈΡΠ½ΠΈΠ΅ Π½Π° ΡΠ±ΡΠ°Π½ΡΡΠ²ΠΎ ΠΏΡΠ΅Π΄ΠΊΠ°. ΠΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΈ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ
Π΄Π»ΠΈΠ½Ρ ΠΈ ΡΠΎΠ»ΡΠΈΠ½Ρ Π»ΠΈΠ½ΠΈΠΉ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π³Π΅Π½ΡΡ ΠΌΠΎΠ³ΡΡ ΡΡΠΈΡΡΠ²Π°ΡΡ
ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΡΠΈΡΡΠ° ΠΈ Π΄ΠΎΠΌΠΈΠ½ΠΈΡΡΡΡΠΈΠ΅ Π±Π°Π·ΠΎΠ²ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΠΏΠΎΡΠΎΠΌΠΊΠΎΠ², Π½ΠΎ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ
ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Π°Ρ Π±Π°Π·ΠΎΠ²Π°Ρ Π»ΠΈΠ½ΠΈΡ ΠΈ ΡΠΎΠ»ΡΠΈΠ½Π° Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ. ΠΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
ΠΠΎΡΠΎΠΌΠΎΠΊ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅Ρ Π²ΡΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ, Π²Π»ΠΈΡΡΡΠΈΠ΅ Π½Π° Π½Π΅Π³ΠΎ, Π²ΠΌΠ΅ΡΡΠ΅ Ρ
ΡΠ΅ΠΊΡΡ ΠΏΠΎΡΠΎΠΌΠΊΠ°; Π½Π΅ Π²Π»ΠΈΡΠ΅Ρ Π½Π° ΡΠ°ΡΡΠ΅Ρ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ
Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ.
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- Π½Π΅Ρ
- ΠΠ΅ Π²ΡΠ²ΠΎΠ΄ΠΈΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅.
- ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅
- ΠΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠΎΠΊΠ° ΡΠ΅ΠΊΡΡΠ° ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΠ°.
- Π½Π°Π΄ ΡΡΡΠΎΠΊΠΎΠΉ
- ΠΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠΎΠΊΠ° ΡΠ΅ΠΊΡΡΠ° ΠΈΠΌΠ΅Π΅Ρ ΡΡΡΠΎΠΊΡ Π½Π°Π΄ Π½Π΅ΠΉ.
- ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠΉ
- ΠΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠΎΠΊΠ° ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠΎΡ
ΠΎΠ΄ΠΈΡ ΡΠ΅ΡΠ΅Π· Π»ΠΈΠ½ΠΈΡ ΠΏΠΎΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅.
- ΠΌΠΈΠ³Π°Π΅Ρ
- Π’Π΅ΠΊΡΡ ΠΌΠΈΠ³Π°Π΅Ρ (ΡΠ΅ΡΠ΅Π΄ΡΠ΅ΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ Π²ΠΈΠ΄ΠΈΠΌΡΠΌ ΠΈ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΡΠΌ).
Π‘ΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π³Π΅Π½ΡΡ
ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΎΡΡΠΎ Π½Π΅ ΠΌΠΈΠ³Π°ΡΡ ΡΠ΅ΠΊΡΡΠΎΠΌ. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Π½Π΅ ΠΌΠΈΠ³Π°Π΅Ρ ΡΠ΅ΠΊΡΡ
ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΠΈΡΡ
ΠΠΠ 3.3 WAI-UAAG.
Π¦Π²Π΅Ρ (Π°), ΡΡΠ΅Π±ΡΠ΅ΠΌΡΠΉ Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°, Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΏΠΎΠ»ΡΡΠ΅Π½ ΠΈΠ·
Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° 'color' ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ 'text-decoration'
ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½. Π¦Π²Π΅Ρ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡΡΠ°Π²Π°ΡΡΡΡ ΠΏΡΠ΅ΠΆΠ½ΠΈΠΌ, Π΄Π°ΠΆΠ΅ Π΅ΡΠ»ΠΈ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ-ΠΏΠΎΡΠΎΠΌΠΊΠΈ ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·Π½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Β«ΡΠ²Π΅ΡΠ°Β».
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π³Π΅Π½ΡΡ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π»ΠΈ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ
ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½ΠΈΠ΅ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ Π½Π° Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π° Π½Π΅ Π½Π°
ΡΠΎΡ
ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎΠΉ ΡΠΎΠ»ΡΠΈΠ½Ρ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π»ΠΈΠ½ΠΈΠΈ, ΠΊΠ°ΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΎ
Π²ΡΡΠ΅. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΡΠΎ Π±ΡΠ»ΠΎ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ²ΠΎΠ±ΠΎΠ΄Π½ΠΎΠΉ ΡΠΎΡΠΌΡΠ»ΠΈΡΠΎΠ²ΠΊΠΎΠΉ Π² ββCSS2.SVG1,
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π³Π΅Π½ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ CSS1 ΠΈ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ CSS2 ΠΌΠΎΠ³ΡΡ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²ΡΠ²Π°ΡΡ ΡΡΠ°ΡΡΡ ΠΌΠΎΠ΄Π΅Π»Ρ.
ΠΈ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π·Π°ΡΠ²Π»ΡΡΡ ΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ ΡΡΠΎΠΉ ΡΠ°ΡΡΠΈ CSS 2.2. (ΠΡΠΎ Π½Π΅
ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊ UA, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΌ ΠΏΠΎΡΠ»Π΅ Π²ΡΠΏΡΡΠΊΠ° Π΄Π°Π½Π½ΠΎΠΉ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ.)
ΠΡΠΈΠΌΠ΅ΡΡ:
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π΄Π»Ρ HTML ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²ΡΠ΅Ρ
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ, Π΄Π΅ΠΉΡΡΠ²ΡΡΡΠΈΠ΅ ΠΊΠ°ΠΊ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΊΠΈ (Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΡΠΎΠ³ΠΎ, ΠΏΠΎΡΠ΅ΡΠ΅Π½Ρ ΠΎΠ½ΠΈ ΠΈΠ»ΠΈ Π½Π΅Ρ), Π±ΡΠ΄ΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡ:
a: ΠΏΠΎΡΠ΅ΡΠ΅Π½ΠΎ, a: ΡΡΡΠ»ΠΊΠ° {text-decoration: underline}
ΠΡΠΈΠΌΠ΅Ρ (Ρ):
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ ΠΈ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°:
ΡΠΈΡΠ°ΡΠ° {ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅; ΡΠ²Π΅Ρ ΡΠΈΠ½ΠΈΠΉ; }
em {display: block; }
ΡΠΈΡΠΈΡΡΠΉ {ΡΠ²Π΅Ρ: ΡΡΠΊΡΠΈΡ; }
<ΡΠΈΡΠ°ΡΠ°>
ΠΠΎΠΌΠΎΠ³ΠΈΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΠΈΡΠ΅!
Π― ΠΏΠΎΠ΄ ΡΠ»ΡΠΏΠΎΠΉ!
βGwieF
. .. ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΈΡΠ°ΡΡ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡΡΡ Π½Π°
Π°Π½ΠΎΠ½ΠΈΠΌΠ½ΡΠΉ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠΊΡΡΠΆΠ°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ span, Π²ΡΠ·ΡΠ²Π°Ρ
ΡΠ΅ΠΊΡΡ "ΠΠΎΠΌΠΎΠ³ΠΈΡΠ΅, ΠΏΠΎΠΌΠΎΠ³ΠΈΡΠ΅!" Π±ΡΡΡ ΡΠΈΠ½ΠΈΠΌ, Ρ ΡΠΈΠ½ΠΈΠΌ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΎΡ
Π°Π½ΠΎΠ½ΠΈΠΌΠ½Π°Ρ ΡΡΡΠΎΠΊΠ° ΠΏΠΎΠ΄ Π½ΠΈΠΌ, ΡΠ²Π΅Ρ Π²Π·ΡΡ ΠΈΠ·
ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΈΡΠ°ΡΡ. ΡΠ΅ΠΊΡΡ
Π² Π±Π»ΠΎΠΊΠ΅ em ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡ,
ΠΊΠ°ΠΊ ΠΈ Π² Π±Π»ΠΎΠΊΠ΅ Π² ΠΏΠΎΡΠΎΠΊΠ΅, Π½Π° ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ΅ΡΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅. ΠΠΎΡΠ»Π΅Π΄Π½ΡΡ ΡΡΡΠΎΠΊΠ° ΡΠ΅ΠΊΡΡΠ° - ΡΡΠΊΡΠΈΡ, Π½ΠΎ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅
ΠΏΠΎΠ΄ Π½ΠΈΠΌ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΎΡΡΠ°Π΅ΡΡΡ ΡΠΈΠ½Π΅Π΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π°Π½ΠΎΠ½ΠΈΠΌΠ½ΠΎΠ³ΠΎ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ
ΡΠ»Π΅ΠΌΠ΅Π½Ρ.
ΠΠ° ΡΡΠΎΠΉ Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ Π±Π»ΠΎΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π½ΡΠ΅ Π² ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²ΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ΅. ΠΠΊΡΡΠ³Π»ΡΠΉ
ΠΌΠΎΡΡΠΊΠ°Ρ Π»ΠΈΠ½ΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ Π°Π½ΠΎΠ½ΠΈΠΌΠ½ΡΠΉ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΎΠ±ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡΠΈΠΉ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ
ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π°Π±Π·Π°ΡΠ° Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½Π°Ρ ΡΠΈΠ½ΡΡ Π»ΠΈΠ½ΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ
ΡΠ»Π΅ΠΌΠ΅Π½Ρ span, Π° ΠΎΡΠ°Π½ΠΆΠ΅Π²ΡΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ Π±Π»ΠΎΠΊΠΈ.
ΠΠΌΡ: ΠΌΠ΅ΠΆΠ±ΡΠΊΠ²Π΅Π½Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ΅ | <Π΄Π»ΠΈΠ½Π°> | Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ: Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π£Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΎ: Π΄Π° Π ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ
: Π / Π ΠΠ΅Π΄ΠΈΠ°: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅: 'Π½ΠΎΡΠΌΠ°Π»ΡΠ½Π°Ρ' ΠΈΠ»ΠΈ Π°Π±ΡΠΎΠ»ΡΡΠ½Π°Ρ Π΄Π»ΠΈΠ½Π°
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»Π° ΠΌΠ΅ΠΆΠ΄Ρ
ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ. ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ
- ΠΠ½ΡΠ΅ΡΠ²Π°Π» - ΡΡΠΎ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ΅Π³ΠΎ ΡΡΠΈΡΡΠ°.
ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΌΡ Π°Π³Π΅Π½ΡΡ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ
ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΈΠΌΠ²ΠΎΠ»Π°ΠΌΠΈ Π΄Π»Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°.
- <Π΄Π»ΠΈΠ½Π°>
- ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΌΠ΅ΠΆΡΠΈΠΌΠ²ΠΎΠ»ΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» Π²
Π² Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ ΠΏΡΠΎΠ±Π΅Π» ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ
ΡΠΈΠΌΠ²ΠΎΠ»Ρ. ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΌΠΈ, Π½ΠΎ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ
ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ, Π·Π°Π²ΠΈΡΡΡΠΈΠ΅ ΠΎΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ.
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π³Π΅Π½ΡΡ Π½Π΅ ΠΌΠΎΠ³ΡΡ Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°ΡΡ ΠΈΠ»ΠΈ ΡΠΌΠ΅Π½ΡΡΠ°ΡΡ ΠΌΠ΅ΠΆΡΠΈΠΌΠ²ΠΎΠ»ΡΠ½ΡΠ΅
ΠΏΡΠΎΠ±Π΅Π» Π΄Π»Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°.
ΠΠ»Π³ΠΎΡΠΈΡΠΌΡ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»ΠΎΠ² ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΈΠΌΠ²ΠΎΠ»Π°ΠΌΠΈ Π·Π°Π²ΠΈΡΡΡ ΠΎΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ Π°Π³Π΅Π½ΡΠ°.
ΠΡΠΈΠΌΠ΅ΡΡ:
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΡΠΎΠ±Π΅Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΈΠΌΠ²ΠΎΠ»Π°ΠΌΠΈ Π²
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ BLOCKQUOTE ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°ΡΡΡΡ Π½Π° 0,1em.
ΡΠΈΡΠ°ΡΠ° {letter-spacing: 0.1em}
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ Π°Π³Π΅Π½Ρ Π½Π΅ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½
ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΌΠ΅ΠΆΡΠΈΠΌΠ²ΠΎΠ»ΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»:
blockquote {letter-spacing: 0cm} / * Π’ΠΎ ΠΆΠ΅, ΡΡΠΎ ΠΈ '0' * /
ΠΠΎΠ³Π΄Π° ΡΠ΅Π·ΡΠ»ΡΡΠΈΡΡΡΡΠΈΠΉ ΠΏΡΠΎΠ±Π΅Π» ΠΌΠ΅ΠΆΠ΄Ρ Π΄Π²ΡΠΌΡ ΡΠΈΠΌΠ²ΠΎΠ»Π°ΠΌΠΈ Π½Π΅ ΡΠΎΠ²ΠΏΠ°Π΄Π°Π΅Ρ Ρ
ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ Π°Π³Π΅Π½ΡΡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ
Π»ΠΈΠ³Π°ΡΡΡΡ.
ΠΠΌΡ: ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ | <Π΄Π»ΠΈΠ½Π°> | Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ: Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π£Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΎ: Π΄Π° Π ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ
: Π / Π ΠΠ΅Π΄ΠΈΠ°: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅: Π΄Π»Ρ Β«Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎΒ» Π·Π½Π°ΡΠ΅Π½ΠΈΡ Β«0Β»; Π² ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π°Π±ΡΠΎΠ»ΡΡΠ½Π°Ρ Π΄Π»ΠΈΠ½Π°
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»Π° ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ.ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ
- ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΌΠ΅ΠΆΡΠ»ΠΎΠ²Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π», ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡΠΈΠΌ ΡΡΠΈΡΡΠΎΠΌ ΠΈ / ΠΈΠ»ΠΈ UA .
- <Π΄Π»ΠΈΠ½Π°>
- ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΌΠ΅ΠΆΡΠ»ΠΎΠ²Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» Π²
Π² Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ ΠΏΡΠΎΠ±Π΅Π» ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ
ΡΠ»ΠΎΠ²Π°. ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΎΡΡΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΌΠΈ, Π½ΠΎ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ
ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ, Π·Π°Π²ΠΈΡΡΡΠΈΠ΅ ΠΎΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ.
ΠΠ»Π³ΠΎΡΠΈΡΠΌΡ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»ΠΎΠ² ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ Π·Π°Π²ΠΈΡΡΡ ΠΎΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ Π°Π³Π΅Π½ΡΠ°. ΠΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ
ΡΠ°ΠΊΠΆΠ΅ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ (ΡΠΌ. ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-align).ΠΠ΅ΠΆΡΠ»ΠΎΠ²Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» Π²Π»ΠΈΡΠ΅Ρ Π½Π° ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠΎΠ±Π΅Π» (U + 0020) ΠΈ Π½Π΅ΡΠ°Π·ΡΡΠ²Π½ΡΠΉ ΠΏΡΠΎΠ±Π΅Π»
(U + 00A0), ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΠΉ Π² ΡΠ΅ΠΊΡΡΠ΅ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»Π° ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² ΠΈΠΌΠ΅ΡΡ
Π±ΡΠ» ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½. ΠΠ»ΠΈΡΠ½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π½Π° Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ»ΠΎΠ²Π°-ΡΠ°Π·Π΄Π΅Π»ΠΈΡΠ΅Π»ΠΈ
ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΎ. ΠΠ΄Π½Π°ΠΊΠΎ ΠΎΠ±ΡΠ°Ρ ΠΏΡΠ½ΠΊΡΡΠ°ΡΠΈΡ, ΡΠΈΠΌΠ²ΠΎΠ»Ρ Ρ
Π½ΡΠ»Π΅Π²Π°Ρ ΡΠΈΡΠΈΠ½Π° ΠΏΡΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΡ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½ΠΎΠ»Ρ Ρ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠΌ U + 200B) ΠΈ
ΠΏΡΠΎΠ±Π΅Π»Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, U + 3000 ΠΈ U + 2000 - U + 200A) Π½Π΅
Π·Π°ΡΡΠΎΠ½ΡΡΡΠΉ.
ΠΡΠΈΠΌΠ΅ΡΡ:
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°Ρ
h2 ΡΠ°Π²Π΅Π½
ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΎ Π½Π° 1em.
h2 {word-spacing: 1em}
ΠΠΌΡ: ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: Π·Π°Π³Π»Π°Π²Π½ΡΠ΅ | ΠΏΡΠΎΠΏΠΈΡΠ½ΡΠ΅ | ΡΡΡΠΎΡΠ½ΡΠ΅ | Π½Π΅Ρ | Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: Π½Π΅Ρ ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ: Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π£Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΎ: Π΄Π° Π ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ
: Π / Π ΠΠ΅Π΄ΠΈΠ°: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅: ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΡΠ΅Ρ ΡΡΡΠ΅ΠΊΡ ΠΊΠ°ΠΏΠΈΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ
ΡΠ΅ΠΊΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- ΠΏΡΠΎΠΏΠΈΡΠ½ΡΠΌΠΈ Π±ΡΠΊΠ²Π°ΠΌΠΈ
- ΠΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΈΡ ΠΏΠ΅ΡΠ²ΡΠΉ ΡΠΈΠΌΠ²ΠΎΠ» ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»ΠΎΠ²Π° Π² Π²Π΅ΡΡ
Π½ΠΈΠΉ ΡΠ΅Π³ΠΈΡΡΡ; Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΠ΅ΡΡΠΎΠ½Π°ΠΆΠΈ Π½Π΅ Π·Π°ΡΡΠΎΠ½ΡΡΡ.
- ΠΏΡΠΎΠΏΠΈΡΠ½ΡΠ΅
- ΠΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΈΡ Π²ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»ΠΎΠ²Π° Π² Π²Π΅ΡΡ
Π½ΠΈΠΉ ΡΠ΅Π³ΠΈΡΡΡ.
- ΡΡΡΠΎΡΠ½Π°Ρ
- ΠΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΈΡ Π²ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»ΠΎΠ²Π° Π² Π½ΠΈΠΆΠ½ΠΈΠΉ ΡΠ΅Π³ΠΈΡΡΡ.
- Π½Π΅Ρ
- ΠΠ΅Ρ ΡΡΡΠ΅ΠΊΡΠ° ΠΊΠ°ΠΏΠΈΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ.
Π€Π°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ - ΠΏΠΈΡΡΠΌΠ΅Π½Π½ΡΠΉ ΡΠ·ΡΠΊ
Π·Π°Π²ΠΈΡΠΈΠΌΡΠΉ.Π‘ΠΌ. BCP 47 ([BCP47]), ΡΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ, ΠΊΠ°ΠΊ Π½Π°ΠΉΡΠΈ ΡΠ·ΡΠΊ
ΡΠ»Π΅ΠΌΠ΅Π½Ρ.
Π’ΠΎΠ»ΡΠΊΠΎ ΡΠΈΠΌΠ²ΠΎΠ»Ρ, ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°ΡΠΈΠ΅ Β«Π΄Π²ΡΡ
ΠΏΠ°Π»Π°ΡΠ½ΡΠΌ ΡΠΊΡΠΈΠΏΡΠ°ΠΌΒ» [UNICODE],
Π·Π°ΡΡΠΎΠ½ΡΡΡΠΉ.
ΠΡΠΈΠΌΠ΅ΡΡ:
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π²Π΅ΡΡ ΡΠ΅ΠΊΡΡ Π² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ h2 ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅ΡΡΡ Π² Π²Π΅ΡΡ
Π½ΠΈΠΉ ΡΠ΅Π³ΠΈΡΡΡ.
ΡΠ΅ΠΊΡΡ.
h2 {ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: Π²Π΅ΡΡ
Π½ΠΈΠΉ ΡΠ΅Π³ΠΈΡΡΡ}
ΠΠΌΡ: ΠΏΡΠΎΠ±Π΅Π» ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅: Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ | ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ | nowrap | ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΡΠΏΠ°ΠΊΠΎΠ²ΠΊΠ° | ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ | Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΡ ΠΠ°ΡΠ°Π»ΡΠ½ΠΎΠ΅: Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΠΎ ΠΊ: Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π£Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΎ: Π΄Π° Π ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ
: Π / Π ΠΠ΅Π΄ΠΈΠ°: Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΡΡΠΈΡΠ»Π΅Π½Π½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅: ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ
ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΡΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π° Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΎΠ±ΡΠ°Π±ΠΎΡΠ°Π½ΠΎ.ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΈΠΌΠ΅ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
- Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ
- ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌ Π°Π³Π΅Π½ΡΠ°ΠΌ ΡΠ²Π΅ΡΠ½ΡΡΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ
ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² ΠΈ ΡΠ°Π·ΡΡΠ²ΠΎΠ² ΡΡΡΠΎΠΊ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π΄Π»Ρ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΡΡΡΠΎΡΠ½ΡΡ
ΠΏΠΎΠ»Π΅ΠΉ.
- Π΄ΠΎ
- ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ°Π΅Ρ ΡΠ²Π΅ΡΡΡΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠ΅ΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌΠΈ Π°Π³Π΅Π½ΡΠ°ΠΌΠΈ.
Π±Π΅Π»ΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°. Π‘ΡΡΠΎΠΊΠΈ ΡΠ°Π·ΡΡΠ²Π°ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΡΠΎΡ
ΡΠ°Π½Π΅Π½Π½ΡΡ
ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ.
- nowrap
- ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ½ΠΈΡΡΠΎΠΆΠ°Π΅Ρ ΠΏΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ, ΠΊΠ°ΠΊ Π΄Π»Ρ Β«Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎΒ», Π½ΠΎ ΠΏΠΎΠ΄Π°Π²Π»ΡΠ΅Ρ
ΡΠ°Π·ΡΡΠ²Ρ ΡΡΡΠΎΠΊ Π² ΡΠ΅ΠΊΡΡΠ΅.
- ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΡΠΏΠ°ΠΊΠΎΠ²ΠΊΠ°
- ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ°Π΅Ρ ΡΠ²Π΅ΡΡΡΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠ΅ΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌΠΈ Π°Π³Π΅Π½ΡΠ°ΠΌΠΈ.
Π±Π΅Π»ΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°.Π‘ΡΡΠΎΠΊΠΈ ΡΠ°Π·ΡΡΠ²Π°ΡΡΡΡ Π½Π° ΡΠΎΡ
ΡΠ°Π½Π΅Π½Π½ΡΡ
ΡΠΈΠΌΠ²ΠΎΠ»Π°Ρ
Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ,
ΠΈ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π·Π°ΠΏΠΎΠ»Π½ΡΡΡ ΡΡΡΠΎΡΠ½ΡΠ΅ ΠΏΠΎΠ»Ρ.
- ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ
- ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΌ Π°Π³Π΅Π½ΡΠ°ΠΌ ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ Π±Π΅Π»ΠΎΠ³ΠΎ
ΠΠΎΡΠΌΠΎΡ. Π‘ΡΡΠΎΠΊΠΈ ΡΠ°Π·ΡΡΠ²Π°ΡΡΡΡ Π½Π° ΡΠΎΡ
ΡΠ°Π½Π΅Π½Π½ΡΡ
ΡΠΈΠΌΠ²ΠΎΠ»Π°Ρ
Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ, Π° ΠΊΠ°ΠΊ
Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΡ ΡΡΡΠΎΡΠ½ΡΠ΅ ΠΏΠΎΠ»Ρ.
ΠΠΎΠ²ΡΠ΅ ΡΡΡΠΎΠΊΠΈ Π² ΠΈΡΡ
ΠΎΠ΄Π½ΠΎΠΌ ΡΠ΅ΠΊΡΡΠ΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠΌ Π²ΠΎΠ·Π²ΡΠ°ΡΠ° ΠΊΠ°ΡΠ΅ΡΠΊΠΈ
(U + 000D), ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΡΠΎΠΊΠΈ (U + 000A) ΠΈΠ»ΠΈ ΠΎΠ±Π° (U + 000D U + 000A) ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ Π΄ΡΡΠ³ΠΎΠΉ
ΠΌΠ΅Ρ
Π°Π½ΠΈΠ·ΠΌ, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΠΈΠΉ Π½Π°ΡΠ°Π»ΠΎ ΠΈ ΠΊΠΎΠ½Π΅Ρ ΡΠ΅Π³ΠΌΠ΅Π½ΡΠΎΠ² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°,
ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΠΎΠΊΠ΅Π½Ρ SGML RECORD-START ΠΈ RECORD-END.CSS
ΠΠΎΠ΄Π΅Π»Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ "Π±Π΅Π»ΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°" ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ, ΡΡΠΎ Π²ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ Π±ΡΠ»ΠΈ
Π½ΠΎΡΠΌΠ°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ Π΄ΠΎ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄Π° ΡΡΡΠΎΠΊΠΈ.
UA, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°ΡΠΏΠΎΠ·Π½Π°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ, Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Π±Π΅Π»ΡΠΉ
ΠΏΡΠ°Π²ΠΈΠ»Π° ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°, ΠΊΠ°ΠΊ Π΅ΡΠ»ΠΈ Π±Ρ ΡΡΠ° Π½ΠΎΡΠΌΠ°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΈΠΌΠ΅Π»Π° ΠΌΠ΅ΡΡΠΎ. ΠΡΠ»ΠΈ Π½Π΅Ρ
ΠΏΡΠ°Π²ΠΈΠ»Π° Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΡΠΊΠ°Π·Π°Π½Ρ Π΄Π»Ρ ΡΠ·ΡΠΊΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΊΠ°ΡΠ΅ΡΠΊΠ°
Π²ΠΎΠ·Π²ΡΠ°Ρ (U + 000D) ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ CRLF (U + 000D U + 000A) Π² ΡΠ΅ΠΊΡΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°
ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ ΡΠΈΠΌΠ²ΠΎΠ» ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄Π° ΡΡΡΠΎΠΊΠΈ.
ΠΡΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π½ΠΎΡΠΌΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊ ΡΠ³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ
ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅.
UA Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ°ΡΠΏΠΎΠ·Π½Π°Π²Π°ΡΡ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΡΠΎΠΊΠΈ (U + 000A) ΠΊΠ°ΠΊ ΡΠΈΠΌΠ²ΠΎΠ»Ρ Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ.UA
ΠΌΠΎΠΆΠ΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΠΏΡΠΈΠ½ΡΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΡΡΠ²Π° ΠΊΠ°ΠΊ ΡΠΈΠΌΠ²ΠΎΠ»Ρ Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠΎΠΊΠΈ
ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² Π½Π° UAX14.
ΠΡΠΈΠΌΠ΅ΡΡ:
Π‘Π»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ, ΠΊΠ°ΠΊΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² ΠΎΠΆΠΈΠ΄Π°Π΅ΡΡΡ.
ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² PRE ΠΈ P ΠΈ Π°ΡΡΠΈΠ±ΡΡΠ° nowrap Π² HTML.
pre {white-space: pre}
p {ΠΏΡΠΎΠ±Π΅Π»: Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ}
ΡΠ΄ [nowrap] {ΠΏΡΠΎΠ±Π΅Π»: nowrap}
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° HTML PRE Ρ Π½Π΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ Β«wrapΒ» Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΠ΅ΡΡΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅:
ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ [ΠΏΠ΅ΡΠ΅Π½ΠΎΡ] {ΠΏΡΠΎΠ±Π΅Π»: ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΠ΅ΡΠ΅Π½ΠΎΡ}
16.6.1 ΠΠΎΠ΄Π΅Π»Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ Π±Π΅Π»ΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°
ΠΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° (Π²ΠΊΠ»ΡΡΠ°Ρ Π°Π½ΠΎΠ½ΠΈΠΌΠ½ΡΠ΅ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ)
Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ°Π³ΠΈ, ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°Ρ ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π²ΡΠ½Π°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°, ΠΊΠ°ΠΊ Π΅ΡΠ»ΠΈ Π±Ρ
ΠΈΡ
ΡΠ°ΠΌ Π½Π΅ Π±ΡΠ»ΠΎ:
- ΠΠ°ΠΆΠ΄Π°Ρ ΡΠ°Π±ΡΠ»ΡΡΠΈΡ (U + 0009), Π²ΠΎΠ·Π²ΡΠ°Ρ ΠΊΠ°ΡΠ΅ΡΠΊΠΈ (U + 000D) ΠΈΠ»ΠΈ ΠΏΡΠΎΠ±Π΅Π» (U + 0020)
ΡΠΈΠΌΠ²ΠΎΠ», ΠΎΠΊΡΡΠΆΠ°ΡΡΠΈΠΉ ΡΠΈΠΌΠ²ΠΎΠ» ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄Π° ΡΡΡΠΎΠΊΠΈ (U + 000A), ΡΠ΄Π°Π»ΡΠ΅ΡΡΡ, Π΅ΡΠ»ΠΈ
'white-space' ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π² 'normal', 'nowrap' ΠΈΠ»ΠΈ 'pre-line'.
- ΠΡΠ»ΠΈ Π΄Π»Ρ 'white-space' ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 'pre' ΠΈΠ»ΠΈ 'pre-wrap', Π»ΡΠ±Π°Ρ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ
ΠΏΡΠΎΠ±Π΅Π»Ρ (U + 0020), Π½Π΅ ΡΠ°Π·Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ Π³ΡΠ°Π½ΠΈΡΠ΅ΠΉ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡΡ ΠΊΠ°ΠΊ
ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π½Π΅ΡΠ°Π·ΡΡΠ²Π½ΡΡ
ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ². ΠΠ΄Π½Π°ΠΊΠΎ Π΄Π»Ρ 'pre-wrap' ΡΠ°Π·ΡΡΠ² ΡΡΡΠΎΠΊΠΈ
Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π² ΠΊΠΎΠ½ΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ.
- ΠΡΠ»ΠΈ Π΄Π»Ρ 'white-space' ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 'normal' ΠΈΠ»ΠΈ 'nowrap', ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΡΠΎΠΊΠΈ
ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΡΡΡΡ Π΄Π»Ρ ΡΠ΅Π»Π΅ΠΉ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° Π² ΠΎΠ΄ΠΈΠ½ ΠΈΠ·
ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ: ΠΏΡΠΎΠ±Π΅Π», ΠΏΡΠΎΠ±Π΅Π» Π½ΡΠ»Π΅Π²ΠΎΠΉ ΡΠΈΡΠΈΠ½Ρ
ΡΠΈΠΌΠ²ΠΎΠ» (U + 200B) ΠΈΠ»ΠΈ Π±Π΅Π· ΡΠΈΠΌΠ²ΠΎΠ»Π° (Ρ. Π΅. Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ),
Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π°Π»Π³ΠΎΡΠΈΡΠΌΠ°ΠΌΠΈ, ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ½ΡΠΌΠΈ Π΄Π»Ρ UA, Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΡΠ΅Π½Π°ΡΠΈΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°.
- ΠΡΠ»ΠΈ Π΄Π»Ρ 'white-space' ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 'normal', 'nowrap' ΠΈΠ»ΠΈ 'pre-line',
- ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΠ°Π±ΡΠ»ΡΡΠΈΡ (U + 0009) ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅ΡΡΡ Π² ΠΏΡΠΎΠ±Π΅Π» (U + 0020)
- Π»ΡΠ±ΠΎΠΉ ΠΏΡΠΎΠ±Π΅Π» (U + 0020), ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ Π·Π° Π΄ΡΡΠ³ΠΈΠΌ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠΌ (U + 0020) - Π΄Π°ΠΆΠ΅
ΠΏΡΠΎΠ±Π΅Π» ΠΏΠ΅ΡΠ΅Π΄ ΡΡΡΠΎΡΠΊΠΎΠΉ, Π΅ΡΠ»ΠΈ Π² ΡΡΠΎΠΌ ΠΏΡΠΎΠ±Π΅Π»Π΅ ΡΠ°ΠΊΠΆΠ΅ Π΅ΡΡΡ
'white-space' ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π² 'normal', 'nowrap' ΠΈΠ»ΠΈ 'pre-line' - ΡΠ΄Π°Π»ΡΠ΅ΡΡΡ.
ΠΠ°ΡΠ΅ΠΌ Π²ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡΡΡ ΠΈΠ½Π»Π°ΠΉΠ½Ρ Π±Π»ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°. ΠΡΠΎΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡΡΡ ΡΡΡΠΎΡΠΊΠΈ
Π²Π½Π΅, ΠΏΡΠΈΠ½ΠΈΠΌΠ°Ρ Π±ΠΈΠ΄ΠΈ
ΠΏΠ΅ΡΠ΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ ΡΠΏΠ°ΠΊΠΎΠ²ΠΊΠ°, ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ Π²
ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ "Π±Π΅Π»ΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ". ΠΡΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΠ°Π·ΡΡΠ²Π° ΡΡΡΠΎΠΊΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅
Π² ΡΠ΅ΠΊΡΡΠ΅ Π΄ΠΎ ΡΠ°Π³ΠΎΠ² ΠΏΠΎ ΡΠ΄Π°Π»Π΅Π½ΠΈΡ Π±Π΅Π»ΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°, ΠΎΠΏΠΈΡΠ°Π½Π½ΡΡ
Π²ΡΡΠ΅.
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠΎΠΊΠ° Π²ΡΠ»ΠΎΠΆΠ΅Π½Π°,
- ΠΡΠ»ΠΈ ΠΏΡΠΎΠ±Π΅Π» (U + 0020) Π² Π½Π°ΡΠ°Π»Π΅ ΡΡΡΠΎΠΊΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Β«ΠΏΡΠΎΠ±Π΅Π»Β»
ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π½Π° 'normal', 'nowrap' ΠΈΠ»ΠΈ 'pre-line', ΠΎΠ½ ΡΠ΄Π°Π»ΡΠ΅ΡΡΡ.
- ΠΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ (U + 0009) ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΊΠ°ΠΊ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ΄Π²ΠΈΠ³, ΡΡΠΎ ΡΡΡΠΎΠΊΠΈ
Π²Π²Π΅ΡΡ
ΠΎΡ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΊΡΠ°Ρ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ Π³Π»ΠΈΡΠ° Π΄ΠΎ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ ΡΠ°Π±ΡΠ»ΡΡΠΈΠΈ. ΠΠΊΠ»Π°Π΄ΠΊΠ°
ΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΏΡΠΎΠΈΡΡ
ΠΎΠ΄ΡΡ Π² ΡΠΎΡΠΊΠ°Ρ
, ΠΊΡΠ°ΡΠ½ΡΡ
8 ΡΠΈΡΠΈΠ½Π΅
ΠΏΡΠΎΠ±Π΅Π» (U + 0020), ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΠΉ ΡΡΠΈΡΡΠΎΠΌ Π±Π»ΠΎΠΊΠ° ΠΈΠ·
ΠΊΡΠ°ΠΉ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ.
- ΠΡΠ»ΠΈ Π΄Π»Ρ ΠΏΡΠΎΠ±Π΅Π»Π° (U + 0020) Π² ΠΊΠΎΠ½ΡΠ΅ ΡΡΡΠΎΠΊΠΈ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ white-space
'normal', 'nowrap' ΠΈΠ»ΠΈ 'pre-line', ΠΎΠ½ ΡΠ°ΠΊΠΆΠ΅ ΡΠ΄Π°Π»ΡΠ΅ΡΡΡ.
- ΠΡΠ»ΠΈ ΠΏΡΠΎΠ±Π΅Π»Ρ (U + 0020) ΠΈΠ»ΠΈ ΡΠ°Π±ΡΠ»ΡΡΠΈΠΈ (U + 0009) Π² ΠΊΠΎΠ½ΡΠ΅ ΡΡΡΠΎΠΊΠΈ ΠΈΠΌΠ΅ΡΡ
'white-space' ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π½Π° 'pre-wrap', UA ΠΌΠΎΠ³ΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡ ΠΈΡ
.
ΠΠ»Π°Π²Π°ΡΡΠΈΠ΅ ΠΈ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π΅ ΠΎΠ±ΡΠ°Π·ΡΡΡ Π»ΠΈΠ½ΠΈΠΈ
Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ»ΠΎΠΌΠ°ΡΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅. CSS 2.2 Π½Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, Π³Π΄Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ°Π·ΡΡΠ²Π° ΡΡΡΠΎΠΊΠΈ.
16.6.2 ΠΡΠΈΠΌΠ΅Ρ Π΄Π²ΡΠ½Π°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΠΎΡΡΠΈ ΡΠΎ ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ²
Π£ΡΠΈΡΡΠ²Π°Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΡΠ°Π³ΠΌΠ΅Π½Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ, Ρ ΠΎΡΠΎΠ±ΡΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ΠΌ ΠΊ ΠΏΡΠΎΠ±Π΅Π»Π°ΠΌ (Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌ ΡΠΎΠ½ΠΎΠΌ ΠΈ Π³ΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ Π΄Π»Ρ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ ΠΈ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ):
A B C
... Π³Π΄Π΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ Π²Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ ΠΈ
ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ Π²Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠΏΡΠ°Π²Π° Π½Π°Π»Π΅Π²ΠΎ, Π°
ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Ρ, ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ 'white-space' ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π² 'normal',
ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½Π°Ρ Π²ΡΡΠ΅ ΠΌΠΎΠ΄Π΅Π»Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΏΡΠΈΠ²Π΅Π΄Π΅Ρ ΠΊ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌΡ:
- ΠΡΠΎΠ±Π΅Π» ΠΏΠ΅ΡΠ΅Π΄ B () ΡΠ²Π΅ΡΠ½Π΅ΡΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠΌ ΠΏΠΎΡΠ»Π΅ A ().
- ΠΡΠΎΠ±Π΅Π» ΠΏΠ΅ΡΠ΅Π΄ C () ΡΡ
Π»ΠΎΠΏΠ½Π΅ΡΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠΌ ΠΏΠΎΡΠ»Π΅ B ().
ΠΡΠΎ ΠΎΡΡΠ°Π²ΠΈΡ Π΄Π²Π° ΠΏΡΠΎΠ±Π΅Π»Π°, ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΡΠ»Π΅ A ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ.
ΡΡΠΎΠ²Π΅Π½Ρ Π²Π»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΡΠ»Π΅ B ΠΏΡΠΈ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΠΈ ΡΠΏΡΠ°Π²Π° Π½Π°Π»Π΅Π²ΠΎ
ΡΡΠΎΠ²Π΅Π½Ρ.ΠΠ°ΡΠ΅ΠΌ ΠΎΠ½ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π΄Π²ΡΠ½Π°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΡΠΌ Unicode. Π°Π»Π³ΠΎΡΠΈΡΠΌ, Ρ ΠΊΠΎΠ½Π΅ΡΠ½ΡΠΌ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠΌ:
Π Π΄ΠΎ Π½.Ρ.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΠΌΠ΅ΠΆΠ΄Ρ A ΠΈ B Π΅ΡΡΡ Π΄Π²Π° ΠΏΡΠΎΠ±Π΅Π»Π°, Π° ΠΌΠ΅ΠΆΠ΄Ρ B - Π½ΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ.
ΠΈ C. ΠΡΠΎΠ³ΠΎ ΠΈΠ½ΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΡ Π΄Π²ΡΠ½Π°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΠΎΡΡΡ
ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² Π²ΠΌΠ΅ΡΡΠΎ ΡΠ²Π½ΡΡ
ΡΡΠΎΠ²Π½Π΅ΠΉ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΡ. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Ρ
ΠΎΡΠΎΡΠΎ
ΡΡΠΎΠ±Ρ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π²Π½ΡΡΡΠΈ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΈ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π³ΠΎΠ², ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡΡ ΡΠ΅Π½Π΄Π΅Π½ΡΠΈΡ
Π΄Π΅Π»Π°ΡΡ ΡΡΡΠ°Π½Π½ΡΠ΅ Π²Π΅ΡΠΈ ΠΏΡΠΈ ΡΡ
Π»ΠΎΠΏΡΠ²Π°Π½ΠΈΠΈ ΠΏΡΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π°.
16.6.3 Π£ΠΏΡΠ°Π²Π»ΡΡΡΠΈΠ΅ ΠΈ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΡΡΡΠΈΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ²
Π£ΠΏΡΠ°Π²Π»ΡΡΡΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Ρ, ΠΊΡΠΎΠΌΠ΅ U + 0009 (ΡΠ°Π±ΡΠ»ΡΡΠΈΡ), U + 000A (ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΡΠΎΠΊΠΈ),
U + 0020 (ΠΏΡΠΎΠ±Π΅Π») ΠΈ U + 202x (ΡΠΈΠΌΠ²ΠΎΠ»Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π²ΡΠ½Π°ΠΏΡΠ°Π²Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°) ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡΡΡ ΠΊΠ°ΠΊ
ΡΠΈΠΌΠ²ΠΎΠ»Ρ Π΄Π»Ρ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π° ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π»ΡΠ±ΠΎΠ³ΠΎ ΠΎΠ±ΡΡΠ½ΠΎΠ³ΠΎ ΡΠΈΠΌΠ²ΠΎΠ»Π°.
ΠΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΡΠ°ΡΡΡ ΡΠΈΠΌΠ²ΠΎΠ»Π°.
Ρ ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠΎΡΠ΅ΡΠ°ΡΡΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ: ΠΏΠ΅ΡΠ²Π°Ρ Π±ΡΠΊΠ²Π°
ΡΡΠΈΠ»ΠΈΠ·ΡΠ΅Ρ Π²Π΅ΡΡ Π³Π»ΠΈΡ, Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π΅ΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π²ΡΠΎΠ΄Π΅
" ΠΎ & # x308;
"; ΡΡΠΎ Π½Π΅ ΠΏΡΠΎΡΡΠΎ
ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ Π±Π°Π·ΠΎΠ²ΠΎΠΌΡ ΡΠΈΠΌΠ²ΠΎΠ»Ρ.
Π‘ΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ ΡΠ΅ΠΊΡΡΠ° - DEV Community
ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° - ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΡΠ΅ΠΊΡΡ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅. Π― ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΈΠ»ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ»ΡΡΠ°ΡΡ ΡΠΎΠΊΡΡ, ΡΠ°ΠΊΠΈΡ
ΠΊΠ°ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ»ΠΈ ΡΠ΅Π³ΠΈ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ.
Π’Π΅ΠΊΡΡ-ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ Π’Π΅ΠΊΡΡ-Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΡ - ΡΡΠΎ ΡΠΎΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΡ
ΡΠ²ΠΎΠΉΡΡΠ²:
-
text-decoration-color
: ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠ²Π΅Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ, Π² ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° Π½Π°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ -
text-decoration-line
: ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠΈΠΏ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΠ³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ; ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, Π½Π°Π΄ΡΠ΅ΡΠΊΠ½ΡΡΡΠΉ, ΠΈ ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠ΅ -
text-decoration-style
: Π·Π°Π΄Π°Π΅Ρ ΡΡΠΈΠ»Ρ Π»ΠΈΠ½ΠΈΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΏΠ»ΠΎΡΠ½Π°Ρ, Π΄Π²ΠΎΠΉΠ½Π°Ρ, Π²ΠΎΠ»Π½ΠΈΡΡΠ°Ρ, ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ, ΠΈΠ»ΠΈ ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ -
text-decoration-Thickness
: ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠΎΠ»ΡΠΈΠ½Ρ Π»ΠΈΠ½ΠΈΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΠΉ Π΄Π»Ρ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Ρ ΠΎΠ΄Π½ΠΈΠΌ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ: ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅;
ΠΠ»ΠΈ Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ Π² ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅: text-decoration: underline solid # 444 5px;
Π‘ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΠΠ½ΠΎΠ³Π΄Π° Π»ΠΈΠ½ΠΈΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠ΅Π³ΡΠ°ΠΆΠ΄Π°Π΅ΡΡΡ Π±ΡΠΊΠ²Π°ΠΌΠΈ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-underline-offset
Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΡΡΠΎΠΊΠΈ Π²Π²Π΅ΡΡ
ΠΈΠ»ΠΈ Π²Π½ΠΈΠ·:
ΠΠ° ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΡΠΌΠ΅ΡΠ΅Π½ΠΈΡ Π»ΠΈΠ½ΠΈΠΈ Π²Π½ΠΈΠ·:
ΠΠΌΠ΅ΠΉΡΠ΅ Π² Π²ΠΈΠ΄Ρ, ΡΡΠΎ ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΎ Π²Π½Π΅ text-decoration
, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΡΡΠΎ ΡΡΠΈΠ»ΠΈΠ·ΡΠ΅Ρ ΡΠ°ΠΌΡ ΡΡΡΠΎΠΊΡ, Π° Π½Π΅ text-decoration
property
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΠ°ΡΡΠ΄Ρ Ρ ΡΠ΅Π½ΡΡ, ΡΠ°ΠΌΠΊΠΎΠΉ ΠΈ ΡΠ²Π΅ΡΠΎΠΌ, ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° - ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΡΠΈΠ²Π»Π΅ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π²Π°ΡΠ΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°.Π― ΡΠΎΠ·Π΄Π°Π» CodePen, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π°:
ΠΠΎΡ ΡΡΡΠ»ΠΊΠ° Π½Π° ΠΏΠ΅ΡΠΎ: codepen: text-decoration
Π Π΅ΡΡΡΡΡ: ΠΠΎΠΊΡΠΌΠ΅Π½ΡΡ MDN: ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°
WCAG 2.1 - ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ
ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ
downwindcss / text-decoration: ΠΎΡΡΡΡΡΡΠ²ΡΡΡΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Tailwind CSS Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°
ΠΠ»Π°Π³ΠΈΠ½ Tailwind CSS Π΄Π»Ρ ΡΡΠΈΠ»ΠΈΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°.
ΠΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½ΡΠ΅ΠΌΡΠΌ (ΡΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π½Π΅ΡΠΎΠΊΡΠ°ΡΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ CSS), ΠΏΠΎΡΡΠΎΠΌΡ ΠΌΠΎΠΆΠ΅Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ (Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½ΠΈΠΆΠ½Π΅Π³ΠΎ / Π²Π΅ΡΡ
Π½Π΅Π³ΠΎ ΠΈ ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠ³ΠΎ Π»ΠΈΠ½ΠΈΠΉ Π²ΠΌΠ΅ΡΡΠ΅.Π‘ΠΌ. Π Π°Π·Π΄Π΅Π» Β«ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅Β» Π½ΠΈΠΆΠ΅)
Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ°
npm install @ downwindcss / text-decoration
# Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Yarn
ΠΏΡΡΠΆΠ° add @ downwindcss / text-decoration
ΠΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ
ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½ Π² tailwind.config.js
Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Plugins.
// tailwind.config.js
module.exports = {
ΠΏΠ»Π°Π³ΠΈΠ½Ρ: [require ('@ downwindcss / text-decoration')],
};
TL; DR
ΠΡΠΈΠΌΠ΅Ρ : https://play.tailwindcss.com/fm4Vucj6IG
ΠΠΎΡ Π²ΡΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈΡΡ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΡΡΠΈΠ»ΠΈΡΡ ΠΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ CSS ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ Π / Π: ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ text-decoration-line: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-Π»ΠΈΠ½ΠΈΡ ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΠΏΠΎΠ²Π΅ΡΡ
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ° Π΄ΠΎ ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°: ΡΠΊΠ²ΠΎΠ·Π½Π°Ρ ΡΡΡΠΎΠΊΠ° ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΡΠ²Π΅ΡΠ΄ΡΠΉ ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ ΡΠ΅ΠΊΡΡ, Π΄Π΅ΠΊΠΎΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, ΡΠΎΡΠΊΠΈ text-decoration-style: dotted ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΠΏΡΠ½ΠΊΡΠΈΡ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-1 ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: 1 ΠΏΠΈΠΊΡΠ΅Π»Ρ; ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-2 ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: 2 ΠΏΠΈΠΊΡΠ΅Π»Ρ; ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-4 ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: 4 ΠΏΠΈΠΊΡΠ΅Π»Ρ; ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-8 ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: 8 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ; ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅- $ ΡΠ²Π΅Ρ $ color
: Π²ΡΠ΅ CSS Tailwind ΠΈ Π²Π°ΡΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΡΠ²Π΅ΡΠ°
ΠΠΎΠΌΠΌΡΠ½Π°Π»ΡΠ½ΡΠ΅ ΡΡΠ»ΡΠ³ΠΈ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
ΠΠ»Ρ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΡΠΈΠ»ΠΈΡ text-decoration
Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ . ΡΠ΅ΠΊΡΡ-ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅
ΠΊΠ».
Π‘Π°ΠΌ ΠΏΠΎ ΡΠ΅Π±Π΅ ΠΎΠ½ Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ
ΡΡΠΈΠ»Π΅ΠΉ, ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ
ΡΠΎΠΌΡ, ΠΊΠ°ΠΊ Π²ΡΡΡΠΎΠ΅Π½Π½Π°Ρ ΡΡΠΈΠ»ΠΈΡΠ° Transform Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ
ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠΉ.
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΡΡΠΎΠΊΠ°
Π£ΡΠΈΠ»ΠΈΡΡ Π΄Π»Ρ Π½Π°Π½Π΅ΡΠ΅Π½ΠΈΡ Π»ΠΈΠ½ΠΈΠΉ.
MDN: Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½Π°Ρ Π»ΠΈΠ½ΠΈΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Tailwind CSS Π±Π΅Π· ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ, ΡΡΠΎΠ±Ρ ΡΠ΄Π°Π»ΠΈΡΡ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°.
ΠΠ’Π ΠΠΠ£Π¦ΠΠ―: Π‘ΠΊΡΠΈΠ½ΡΠΎΡΡ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠΉ, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΠ΅ Mozilla Contributrors, Π½Π°Ρ
ΠΎΠ΄ΡΡΡΡ ΠΏΠΎΠ΄ Π»ΠΈΡΠ΅Π½Π·ΠΈΠ΅ΠΉ CC-BY-SA 2.5
ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅.
Π― Π±Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠ΅Π» Π±ΡΡΡ
ΡΡΠ°ΡΡΠ»ΠΈΠ², ΡΠ΅ΠΌ ΠΏΡΠ°Π²
Π»ΡΠ±ΠΎΠΉ Π΄Π΅Π½Ρ.
Π½Π°Π΄ ΡΠ΅ΡΡΠΎΠΉ.
Π― Π±Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠ΅Π» Π±ΡΡΡ
ΡΡΠ°ΡΡΠ»ΠΈΠ², ΡΠ΅ΠΌ ΠΏΡΠ°Π²
Π»ΡΠ±ΠΎΠΉ Π΄Π΅Π½Ρ.
ΠΏΡΠΎΡ
ΠΎΠ΄Π½ΠΎΠΉ.
Π― Π±Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠ΅Π» Π±ΡΡΡ
ΡΡΠ°ΡΡΠ»ΠΈΠ², ΡΠ΅ΠΌ ΠΏΡΠ°Π²
Π»ΡΠ±ΠΎΠΉ Π΄Π΅Π½Ρ.
ΠΠ ΠΠΠΠ§ΠΠΠΠ : ΠΡΠΎ Π½Π΅ decoration-line-line-through
, Π΄Π°ΠΆΠ΅ Π½Π΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ CSS decoration-line: line-through;
ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ + ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ + ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅
Π― Π±Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠ΅Π» Π±ΡΡΡ
<Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½
>
ΡΡΠ°ΡΡΠ»ΠΈΠ², ΡΠ΅ΠΌ ΠΏΡΠ°Π²
Π»ΡΠ±ΠΎΠΉ Π΄Π΅Π½Ρ.
ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΡΠ²Π΅Ρ
ΠΠΎΡΡΡΠΏΠ½Ρ Π²ΡΠ΅ ΡΠ²Π΅ΡΠ° CSS Tailwind Π Π²Π°ΡΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ ΡΠ²Π΅ΡΠ°.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΡΡΠΈΡΠΈΡΡ ΡΠ²Π΅ΡΠ° ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΈ, ΡΠ°ΡΡΠΈΡΠΈΠ² textDecorationPlugin.colors
.
Π Π°ΡΡΠΈΡΠΈΡΡ ΡΠ²Π΅ΡΠ° Π² tailwind.config.js
const colors = require ('ΠΏΠΎΠΏΡΡΠ½ΡΠΉ Π²Π΅ΡΠ΅Ρ / ΡΠ²Π΅ΡΠ°')
module.exports = {
ΡΠ΅ΠΌΠ°: {
ΠΏΡΠΎΠ΄Π»Π΅Π²Π°ΡΡ: {
textDecorationPlugin: {
ΡΠ²Π΅ΡΠ°: {
ΠΏΠ΅ΡΠ²ΠΈΡΠ½ΡΠΉ: 'ΠΏΠΎΠΌΠΈΠ΄ΠΎΡ',
Π²ΡΠΎΡΠΈΡΠ½ΡΠΉ: 'Π·ΠΎΠ»ΠΎΡΠΎ',
},
},},
},
Π²Π°ΡΠΈΠ°Π½ΡΡ: {},
ΠΏΠ»Π°Π³ΠΈΠ½Ρ: [textDecorationPlugin],
}
Π ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΈΡ
Π² ΡΠ²ΠΎΠ΅ΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ HTML.
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
ΠΡΠ»ΠΈ Π²Ρ ΡΠ°ΡΡΠΈΡΠΈΡΠ΅ ΡΠ²Π΅ΡΠΎΠ² Π΄ΠΎ
, ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΡΠ΅ ΡΠ²Π΅ΡΠ° Π±ΡΠ΄ΡΡ Π΄ΠΎΡΡΡΠΏΠ½Ρ Π΄Π»Ρ ΠΏΠ»Π°Π³ΠΈΠ½Π°.
const colors = require ('ΠΏΠΎΠΏΡΡΠ½ΡΠΉ Π²Π΅ΡΠ΅Ρ / ΡΠ²Π΅ΡΠ°')
module.exports = {
ΡΠ΅ΠΌΠ°: {
ΠΏΡΠΎΠ΄Π»Π΅Π²Π°ΡΡ: {
ΡΠ²Π΅ΡΠ°: {
'Π³ΠΎΠ»ΡΠ±ΠΎΠΉ': colors.lightBlue,
},
textDecorationPlugin: {
ΡΠ²Π΅ΡΠ°: {
ΠΏΠ΅ΡΠ²ΠΈΡΠ½ΡΠΉ: 'ΠΏΠΎΠΌΠΈΠ΄ΠΎΡ',
},
},
},
},
Π²Π°ΡΠΈΠ°Π½ΡΡ: {},
ΠΏΠ»Π°Π³ΠΈΠ½Ρ: [textDecorationPlugin],
}
Π ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΈΡ
Π² ΡΠ²ΠΎΠ΅ΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ HTML.
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΠΈΠ»ΠΈ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°.
CSS ΠΡΠΈΠΊΠ»Π°Π΄Π½ΠΎΠΉ ΡΡΠΈΠ»Ρ ΡΠ΅ΠΊΡΡ, Π΄Π΅ΠΊΠΎΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΡΠ²Π΅ΡΠ΄ΡΠΉ ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ ΡΠ΅ΠΊΡΡ, Π΄Π΅ΠΊΠΎΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, ΡΠΎΡΠΊΠΈ text-decoration-style: dotted ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΠΏΡΠ½ΠΊΡΠΈΡ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ ΡΡΠΈΠ»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π²ΠΎΠ»Π½ΠΈΡΡΡΠΉ
ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ
ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π±ΠΈΡΠ°Π΅ΡΠ΅ decoration- {ΡΠΎΠ»ΡΠΈΠ½Π°: ΡΠΈΡΠ»ΠΎ}
, Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½Π° ΡΠΎΠ»ΡΠΈΠ½Π° text-decoration-Π’ΠΎΠ»ΡΠΈΠ½Π°.
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΈΠΌΠ΅ΡΠ°, decoration-2
ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡ 2px
ΡΠΎΠ»ΡΠΈΠ½Ρ
ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ
ΠΠΎΡΡΡΠΏΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
CSS ΠΡΠΈΠΊΠ»Π°Π΄Π½ΠΎΠΉ ΡΡΠΈΠ»Ρ ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-1 ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: 1 ΠΏΠΈΠΊΡΠ΅Π»Ρ; ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-2 ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: 2 ΠΏΠΈΠΊΡΠ΅Π»Ρ; ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-4 ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: 4 ΠΏΠΈΠΊΡΠ΅Π»Ρ; ΡΠ΅ΠΊΡΡ-ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-8 ΡΠΎΠ»ΡΠΈΠ½Π° ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: 8 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ;
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡ ΡΠΎΠ»ΡΠΈΠ½Ρ, ΠΎΠ±Π½ΠΎΠ²ΠΈΠ² ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ, textDecorationPlugin. ΡΠΎΠ»ΡΠΈΠ½Π°
ΡΡ.
module.exports = {
ΡΠ΅ΠΌΠ°: {
ΠΏΡΠΎΠ΄Π»Π΅Π²Π°ΡΡ: {
textDecorationPlugin: {
ΡΠΎΠ»ΡΠΈΠ½Π°: {
'0,2ΡΠ΅ΠΌ': '0,2ΡΠ΅ΠΌ',
},
},
},
},
Π²Π°ΡΠΈΠ°Π½ΡΡ: {},
ΠΏΠ»Π°Π³ΠΈΠ½Ρ: [textDecorationPlugin],
}
Π ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ-0,2ΡΠ΅ΠΌ
.
ΠΠ°ΡΠ²Π»Π΅Π½ΠΈΠ΅ ΠΎ ΠΊΠ»ΠΈΡΠΈΠ½Π³Π΅
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ decoration-none
.
ΠΡΠ±Π»ΠΈΠΊΠ°ΡΡ ΡΠ»ΡΠΆΠ΅Π±Π½ΡΡ
ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ
ΠΠΎΡΠ»Π΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅
ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ
ΡΡΠΈΠ»ΠΈΡ Tailwind CSS, Π½ΠΎ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ Π² ΡΡΠΎΡ ΠΏΠ»Π°Π³ΠΈΠ½ Π΄Π»Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ.
- ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅:
ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅;
- ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠ΅:
ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅: ΡΠΊΠ²ΠΎΠ·Π½ΠΎΠ΅;
- Π±Π΅Π· ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ:
ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°: Π½Π΅Ρ;
Π Π΅ΡΡΡΡ
ΠΠΎΠ½ΡΠ΅ΠΊΡΡ
ΠΠ° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ Ρ ΠΈΠ΄Π΅Π΅ΠΉ Π² ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΠΈ Tailwind CSS, https://github.com/tailwindlabs/tailwindcss/discussions/3749
ΠΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΎΡΡΡΡΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Tailwind CSS text-decoration *
Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΠΎΠ³ΠΎ ΠΌΠΎΠ΄ΡΠ»Ρ.