ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π² html: ΡΠΏΠΎΡΠΎΠ±Ρ.
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ html ΡΠ΅ΠΊΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠ΄Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅. ΠΡΠ΅Π½Ρ ΠΏΠΎΠΏΡΠ»ΡΡΠ΅Π½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ, Π½ΠΎ Π½Π΅ Π²ΡΠ΅ ΠΏΠΎΡΡΠΎΡΠ½Π½ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π·Π½Π°ΡΡ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ.
ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π² HTML
ΠΡΠ°ΠΊ, ΠΊΠ°ΠΊ ΠΆΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅? ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π² html ΠΎΡΠΎΡΠΌΠ»ΡΠ΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ΅Π³Π° <u>. ΠΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π²ΠΎ Π²ΡΠ΅Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡΡ html ΠΈ xhtml, Π½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈ ΡΡΠ»ΠΎΠ²ΠΈΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π½ΠΎΠ³ΠΎ <DOCTYPE!>, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΡΠΊΠ°Π·Π°Π½Π° Π²Π΅ΡΡΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π΄Π»Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΡΡΠΏΠ΅ΡΠ½ΠΎ ΠΏΡΠΎΡ ΠΎΠ΄ΠΈΡ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΡ. Π£ΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π½Π°Π΄ΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎ, ΡΠΎ Π΅ΡΡΡ Π² ΡΠ°ΠΌΠΎΠΌ Π²Π΅ΡΡ Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
Π’Π΅Π³ <u> Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉΡΡ, ΠΎΠ½ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°ΡΡΡΡ </u>. Π ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π΅Π³ΠΎ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
- <h2>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π½ΠΎΠΌΠ΅Ρ ΠΎΠ΄ΠΈΠ½</h2>
- <p>ΠΠ°Ρ <u>ΡΠ΅ΠΊΡΡ</u> Π² Π°Π±Π·Π°ΡΠ΅</p>
Π‘Π»ΠΎΠ²ΠΎ «ΡΠ΅ΠΊΡΡ» ΠΏΡΠΈ ΡΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡΠΌ.
ΠΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ Π±ΡΠΊΠ²Ρ Π² ΡΠ»ΠΎΠ²Π΅:
- <h3>ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π½ΠΎΠΌΠ΅Ρ Π΄Π²Π°</h3>
- <p>ΠΠ°Ρ ΡΠ΅<u>ΠΊ</u>ΡΡ Π² Π°Π±Π·Π°ΡΠ΅</p>
Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ
Π’ΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΠΎ Π² ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ΅ html ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΡΡΠ»ΠΊΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡΡΠΊΠΎΠΉ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΡΡΠ°ΡΠΈΠΎΠ½Π°ΡΠ½ΠΎ, Π° ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΡΠ°ΠΊ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π²ΠΎ Π²ΡΠ΅Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ . ΠΠΎΡΡΠΎΠΌΡ ΡΡΠ°Π²ΠΈΡΡ ΡΠ΅Π³ <u> Π½Π° ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎΠΉ ΠΎΡΠ½ΠΎΠ²Π΅ ΠΊΡΠ°ΠΉΠ½Π΅ Π½Π΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π½ΠΈΠ΅ ΡΡΠΈΠ»Π΅ΠΉ Π² css Π΄Π΅Π»Π°Π΅Ρ ΠΊΠΎΠ΄ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½ΡΠΌ, Π° ΡΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ Π·Π°Π³ΡΡΠ·ΠΊΠ° ΡΡΡΠ°Π½ΠΈΡΡ Π±ΡΠ΄Π΅Ρ Π±ΡΡΡΡΠ΅Π΅.
Π§Π°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΡΡΠΈΠ»ΠΈ, Π΄ΠΎΠ±Π°Π²Π»ΡΡ Π³ΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π² html ΠΈΠ»ΠΈ ΠΆΠ΅ Π²ΡΠ½ΠΎΡΡ ΠΈΡ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ css-ΡΠ°ΠΉΠ».
ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π² CSS
ΠΠ΅ΠΊΠΎΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ css β ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΠΈ ΠΏΡΠ°ΠΊΡΠΈΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ±. Π‘Π°ΠΌΡΠ΅ ΠΏΡΠΎΡΡΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ ΡΠ°ΠΊΠΎΠ³ΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ: ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ text-decoration ΠΈΠ»ΠΈ border-bottom.
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡ ΡΠ΅ΠΊΡΡ Ρ text-decoration, ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊ Π½ΡΠΆΠ½ΠΎΠΌΡ ΠΊΠ»Π°ΡΡΡ.
- Π½ΡΠΆΠ½ΡΠΉ-ΠΊΠ»Π°ΡΡ {
- text-decoration: underline;
- }
Π‘Π»Π΅Π΄ΡΠ΅Ρ ΠΏΠΎΠΌΠ½ΠΈΡΡ, ΡΡΠΎ Π½Π°Π·Π²Π°Π½ΠΈΡ ΠΊΠ»Π°ΡΡΠΎΠ² Π²ΡΠ΅Π³Π΄Π° ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ Π»Π°ΡΠΈΠ½ΠΈΡΠ΅ΠΉ.
ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ΄Π΅Π»Π°Π½ΠΎ ΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π³ΡΠ°Π½ΠΈΡ. ΠΡΠ°Π½ΠΈΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°ΠΊ ΠΎΠ±ΡΡΠ½ΠΎΠ΅ (ΡΠΏΠ»ΠΎΡΠ½ΠΎΠ΅) ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΡΠ°ΠΊ ΠΈ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π³ΡΠ°Π½ΠΈΡ, Π½ΠΎ ΡΠ±ΠΈΡΠ°Π΅ΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠΈ ΡΠ΅ΠΊΡΡΠ°.
- Π½ΡΠΆΠ½ΡΠΉ-ΠΊΠ»Π°ΡΡ {
- text-decoration: none;
- }
ΠΠ°ΡΠ΅ΠΌ ΡΠ΅ΠΊΡΡ ΡΠΊΡΠ°ΡΠ°Π΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π°:
- .Π½ΡΠΆΠ½ΡΠΉ-ΠΊΠ»Π°ΡΡ {
- text-decoration: none;
- border-bottom: 2px dashed black;
- }
Π’Π°ΠΊ Π²ΡΡ ΠΎΠ΄ΠΈΡ Π΄Π΅ΠΊΠΎΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Ρ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ. Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π΅ ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ, Π²ΠΌΠ΅ΡΡΠΎ «dashed» ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ «solid». Π’Π΅ΠΌ, ΠΊΠΎΠΌΡ Π½ΡΠ°Π²ΠΈΡΡΡ ΡΠΊΡΠ°ΡΠ°ΡΡ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠΎΡΠΊΠ°ΠΌΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ «dotted».
Π‘ΡΠΈΠ»ΠΈ ΡΠ°ΠΌΠΎΠΊ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡΡΡ Π² ΠΎΠ΄Π½Ρ ΡΡΡΠΎΠΊΡ. ΠΡΠΎΠΌΠ΅ ΡΠΈΠΏΠ° ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ, Π½ΡΠΆΠ½ΠΎ Π΅ΡΠ΅ ΡΠΊΠ°Π·Π°ΡΡ ΡΠΎΠ»ΡΠΈΠ½Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΠΈ ΡΠ²Π΅Ρ. Π§ΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡΡΡ Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ, Π½ΠΎ ΠΎΠ±ΡΡΠ½ΠΎ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ 1 ΠΈΠ»ΠΈ 2 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. Π¦Π²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° ΡΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π² ΡΠ²Π΅Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ:
- Π½ΡΠΆΠ½ΡΠΉ-ΠΊΠ»Π°ΡΡ {
- text-decoration: none;
- border-bottom: 1px dotted blue;
- color: blue;
- }
Π’Π°ΠΊ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ ΡΠΈΠ½ΠΈΠΉ ΡΠ΅ΠΊΡΡ Ρ ΡΠΈΠ½ΠΈΠΌ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ. Π§ΡΠΎΠ±Ρ ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΡΡΠΈΠ»Ρ ΠΊ html, Π½ΡΠΆΠ½ΠΎ Π² ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠ»Π°ΡΡ.
- <h4>Π’ΡΠ΅ΡΠΈΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ</h4>
- <p>ΠΠ°Ρ ΡΠ΅ΠΊΡΡ Π² Π°Π±Π·Π°ΡΠ΅</p>
ΠΠΎΡ ΠΈ Π²ΡΠ΅, ΡΡΠΎ ΠΎΡΠ½ΠΎΠ²Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ Π² html.
ΠΠΎΠ΄ΡΡΡΠΊΠ½ΡΡΡΠΉ ΡΠ΅ΠΊΡΡ (ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-decoration) | CSS ΠΏΡΠΈΠΌΠ΅ΡΡ
ΠΡΠΌΠ΅Π½ΠΈΡΡ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Ρ ΡΡΡΠ»ΠΊΠΈ
Π‘ΡΠΈΠ»Ρ ΡΡΡΠ»ΠΊΠΈ CSS<style> .raz { text-decoration: none; border: none; } </style> <a href="http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html#stil">Π‘ΡΠΈΠ»Ρ ΡΡΡΠ»ΠΊΠΈ CSS</a>
Π§Π°ΡΡΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΡΡΠ»ΠΎΠΊ Π² Π²ΠΈΠ΄Π΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΠ»ΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΏΡΠ½ΠΊΡΠΎΠ² ΠΌΠ΅Π½Ρ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ (Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ²Π΅ΡΠΎΠΌ ΡΠΎΠ·Π΄Π°ΡΡ Π½Π΅ΡΠ΄ΠΎΠ±ΡΡΠ²ΠΎ Π΄Π°Π»ΡΡΠΎΠ½ΠΈΠΊΠ°ΠΌ).
Π‘ΡΡΠ»ΠΊΠ° ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π΅ΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ
Π‘ΡΠΈΠ»Ρ ΡΡΡΠ»ΠΊΠΈ CSS<style> .raz:not(:hover) { text-decoration: none; } </style> <a href="http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html#stil">Π‘ΡΠΈΠ»Ρ ΡΡΡΠ»ΠΊΠΈ CSS</a>
ΠΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅
Π‘ΡΠΈΠ»Ρ ΡΠ΅ΠΊΡΡΠ° CSS<style> .raz { text-decoration: underline; text-decoration-style: dashed; cursor: pointer; } </style> <span>Π‘ΡΠΈΠ»Ρ ΡΠ΅ΠΊΡΡΠ° CSS</span>
Π‘Π΄Π΅Π»Π°ΡΡ Π»ΠΈΠ½ΠΈΡ Π½Π°Π΄ ΠΈ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ
Π‘ΡΠΈΠ»Ρ ΡΠ΅ΠΊΡΡΠ° CSS<style> .raz { text-decoration-line: underline overline; } </style> <span>Π‘ΡΠΈΠ»Ρ ΡΠ΅ΠΊΡΡΠ° CSS</span>
text-decoration-color
currentcolor
- ΡΠ²Π΅Ρ ΡΠ΅ΡΡΡ ΡΡΠΎ Ρ ΡΠ΅ΠΊΡΡΠ°
transparent
- ΡΠ΅ΡΡΠ° ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½Π°Ρ (Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠ°Ρ)
red
- ΡΠ²Π΅Ρ ΡΠ΅ΡΡΡ ΠΊΠ»ΡΡΠ΅Π²ΡΠΌ ΡΠ»ΠΎΠ²ΠΎΠΌ
#ff0000 ΠΈΠ»ΠΈ #ff0000ff
- ΡΠ²Π΅Ρ ΡΠ΅ΡΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ HEX
rgb(255,0,0) ΠΈΠ»ΠΈ rgba(255,0,0,1)
- ΡΠ²Π΅Ρ ΡΠ΅ΡΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ RGB ΠΈΠ»ΠΈ RGBA
hsl(0,100%,50%) ΠΈΠ»ΠΈ hsla(0,100%,50%,1)
- ΡΠ²Π΅Ρ ΡΠ΅ΡΡΡ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ HSL() ΠΈΠ»ΠΈ HSLA()
initial
currentcolor
inherit
- Π½Π°ΡΠ»Π΅Π΄ΡΠ΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ
unset
currentcolor
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration-color
Π½Π΅ Π½Π°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ, ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ
<style> div { text-decoration: underline; text-decoration-color: currentcolor; } </style> <div>Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ <code>text-decoration-color</code> Π½Π΅ Π½Π°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ, ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ</div>
ΠΠΠΠΠΠΠΠ! ΠΠΈΠΆΠ΅ΡΡΠΎΡΡΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΈΠΌΠ΅ΡΡ ΠΏΠ»ΠΎΡ
ΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ. Π‘Π²ΠΎΠΉΡΡΠ²Π° text-underline-offset
ΠΈ text-decoration-width
Π½Π΅ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ Π²ΠΎΠ²ΡΠ΅ ΠΈ ΠΏΠΎΡΠΎΠΌΡ ΠΏΠΎΠΊΠ° Π½Π΅ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½Ρ Π² ΡΡΠ°ΡΡΠ΅.
ΠΡΠΎΠΏΡΡΠΊ Π²ΡΠ½ΠΎΡΠ½ΡΡ ΡΠ°ΡΡΠ΅ΠΉ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² Π² ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π΅ΠΌΠΎΠΌ ΡΠ΅ΠΊΡΡΠ΅ Π² Google Chrome
ΠΡΠΈΠΌΠ΅Ρ ΠΏΠΎΠ΄ΡΡΡΠΊΠ½ΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°<style> .raz { text-decoration: underline;text-decoration-skip: ink; } </style> <span>ΠΡΠΈΠΌΠ΅Ρ ΠΏΠΎΠ΄ΡΡΡΠΊΠ½ΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°</span>
ΠΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π±Π΅Π· ΠΏΡΠΎΠΏΡΡΠΊΠΎΠ² Π²ΡΠ½ΠΎΡΠ½ΡΡ ΡΠ°ΡΡΠ΅ΠΉ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² Π² Safari
ΠΡΠΈΠΌΠ΅Ρ ΠΏΠΎΠ΄ΡΡΡΠΊΠ½ΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°<style> .raz { text-decoration: underline; -webkit-text-decoration-skip: none; } </style> <span>ΠΡΠΈΠΌΠ΅Ρ ΠΏΠΎΠ΄ΡΡΡΠΊΠ½ΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°</span>
Π Π°Π·Π½ΠΈΡΠ° text-decoration
ΠΈ border
ΠΠΈΠΆΠ½Π΅Π΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΡΠ΄Π΅Π»Π°Π½Π½ΠΎΠ΅ text-decoration: underline;
| ΠΠΈΠΆΠ½Π΅Π΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΡΠ΄Π΅Π»Π°Π½Π½ΠΎΠ΅ border-bottom: 1px solid;
|
<table> <tr> <tdvydelit">text-decoration: underline;">ΠΠΈΠΆΠ½Π΅Π΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΡΠ΄Π΅Π»Π°Π½Π½ΠΎΠ΅ <code>text-decoration: underline;</code> <td><spanvydelit">border-bottom: 1px solid;">ΠΠΈΠΆΠ½Π΅Π΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΡΠ΄Π΅Π»Π°Π½Π½ΠΎΠ΅ <code>border-bottom: 1px solid;</code></span> </table>
Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ text-decoration
ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ Π»ΡΡΡΠ΅ Π΄Π»Ρ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΠΌΠ½ΠΎΠ³ΠΎΡΡΡΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° (ΠΏΡΠΈ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠΈ ΡΠΊΡΠ°Π½Π° Π΄Π»ΠΈΠ½Π½ΠΎΠ΅ ΡΠ»ΠΎΠ²ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄ΠΈΡ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΠΎΠΊΡ ΠΏΡΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΠΉ Π²ΡΡΡΡΠΊΠ΅). Π‘Π²ΠΎΠΉΡΡΠ²ΠΎ border
Π°ΠΊΡΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ, ΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π»ΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration-line
, text-decoration-style
ΠΈ text-decoration-color
.
ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡ?
ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π΄Π»Ρ Π±Π»ΠΎΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²ΡΠΎΠ΄Π΅ ΡΠ΅Π³Π° <h2> ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΡΡ Π΄Π²ΠΎΡΠΊΠΎ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π»ΠΈΠ½ΠΈΡ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ Π½Π° Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ Π±Π»ΠΎΠΊΠ°, Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΠΎΠ±ΡΠ΅ΠΌΠ° ΡΠ΅ΠΊΡΡΠ°. Π ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π΄Π΅Π»Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΡΠ΅ΠΊΡΡΠ°. ΠΠ°Π»Π΅Π΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΎΠ±Π° Π²Π°ΡΠΈΠ°Π½ΡΠ°.
ΠΠΈΠ½ΠΈΡ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ Π½Π° Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ Π±Π»ΠΎΠΊΠ°
Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ Π»ΠΈΠ½ΠΈΡ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΡΠ»Π΅Π΄ΡΠ΅Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΡΠΈΠ»Π΅Π²ΠΎΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ border-bottom, Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ Π²ΡΡΡΡΠΏΠ°Π΅Ρ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ ΡΠΎΠ»ΡΠΈΠ½Π° Π»ΠΈΠ½ΠΈΠΈ, Π΅Π΅ ΡΡΠΈΠ»Ρ ΠΈ ΡΠ²Π΅Ρ (ΠΏΡΠΈΠΌΠ΅ΡΒ 1).
ΠΡΠΈΠΌΠ΅Ρ 1. ΠΠΈΠ½ΠΈΡ Π½Π° Π²ΡΡ ΡΠΈΡΠΈΠ½Ρ
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ΠΠΈΠ½ΠΈΡ ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ</title>
<style>
h2 {
font-size: 200%; /* Π Π°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° */
border-bottom: 2px solid maroon; /* ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π»ΠΈΠ½ΠΈΠΈ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ */
font-weight: normal; /* Π£Π±ΠΈΡΠ°Π΅ΠΌ ΠΆΠΈΡΠ½ΠΎΠ΅ Π½Π°ΡΠ΅ΡΡΠ°Π½ΠΈΠ΅ */
padding-bottom: 5px; /* Π Π°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΡ ΡΠ΅ΠΊΡΡΠ° Π΄ΠΎ Π»ΠΈΠ½ΠΈΠΈ */
}
</style>
</head>
<body>
<h2>ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅ΠΊΡΡΠ°</h2>
<p>Π§Π΅ΡΠ½ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ ΠΊ ΡΠ΅Π±Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅,
Π½Π΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΎΠ½ ΡΠ΅ΡΠ½ΡΠΉ, Π° Π½Π΅ Π±Π΅Π»ΡΠΉ.</p>
</body>
</html>
Π Π°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΡ Π»ΠΈΠ½ΠΈΠΈ Π΄ΠΎ ΡΠ΅ΠΊΡΡΠ° ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π³ΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ padding-bottom, Π΄ΠΎΠ±Π°Π²Π»ΡΡ Π΅Π³ΠΎ ΠΊ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ h2. Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° ΡΠΈΡ.Β 1.
Π ΠΈΡ. 1. ΠΠΈΠ½ΠΈΡ ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ
ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅ΠΊΡΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ text-decoration ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ underline, ΠΎΠΏΡΡΡ ΠΆΠ΅, Π΄ΠΎΠ±Π°Π²Π»ΡΡ Π΅Π³ΠΎ ΠΊ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ h2 (ΠΏΡΠΈΠΌΠ΅ΡΒ 2).
ΠΡΠΈΠΌΠ΅Ρ 2. ΠΠΈΠ½ΠΈΡ Π½Π° ΡΠΈΡΠΈΠ½Ρ ΡΠ΅ΠΊΡΡΠ°
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°</title>
<style>
h2 {
text-decoration: underline; /* ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° */
}
</style>
</head>
<body>
<h2>ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅ΠΊΡΡΠ°</h2>
<p>Π§Π΅ΡΠ½ΡΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ ΠΊ ΡΠ΅Π±Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅,
Π½Π΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΎΠ½ ΡΠ΅ΡΠ½ΡΠΉ, Π° Π½Π΅ Π±Π΅Π»ΡΠΉ.</p>
</body>
</html>
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΠΊΠ°Π·Π°Π½ Π½Π° ΡΠΈΡ.Β 2.
Π ΠΈΡ. 2. ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°
Π ΡΠ»ΡΡΠ°Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° text-decoration Π»ΠΈΠ½ΠΈΡ ΠΆΠ΅ΡΡΠΊΠΎ ΠΏΡΠΈΠ²ΡΠ·Π°Π½Π° ΠΊ ΡΠ΅ΠΊΡΡΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ Π΅Π΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡΡΠΈΠ»Ρ Π½Π΅ ΡΠ΄Π°ΡΡΡΡ.
text-decoration | CSS | WebReference
ΠΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π² Π²ΠΈΠ΄Π΅ Π΅Π³ΠΎ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ, ΠΏΠ΅ΡΠ΅ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΠΈΠ»ΠΈ Π»ΠΈΠ½ΠΈΠΈ Π½Π°Π΄ ΡΠ΅ΠΊΡΡΠΎΠΌ. ΠΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΡΠΈΠ»Ρ, ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ΅ΡΠ΅Π· ΠΏΡΠΎΠ±Π΅Π».
ΠΡΠ°ΡΠΊΠ°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ | none |
---|---|
ΠΠ°ΡΠ»Π΅Π΄ΡΠ΅ΡΡΡ | ΠΠ΅Ρ |
ΠΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ | ΠΠΎ Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ |
ΠΠ½ΠΈΠΌΠΈΡΡΠ΅ΡΡΡ | text-decoration-line: ΠΠ΅Ρ text-decoration-style: ΠΠ΅Ρ text-decoration-color: ΠΠ° |
ΠΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΡ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ | ΠΡΠΈΠΌΠ΅Ρ | |
---|---|---|
<ΡΠΈΠΏ> | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠΈΠΏ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. | <ΡΠ°Π·ΠΌΠ΅Ρ> |
AΒ &&Β B | ΠΠ½Π°ΡΠ΅Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡΡΡ Π² ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅. | <ΡΠ°Π·ΠΌΠ΅Ρ> && <ΡΠ²Π΅Ρ> |
A | B | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π½Π°Π΄ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΈΠ· ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½Π½ΡΡ (A ΠΈΠ»ΠΈ B). | normal | small-caps |
A || B | ΠΠ°ΠΆΠ΄ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΠΈΠ»ΠΈ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ Π² ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅. | width || count |
[ ] | ΠΡΡΠΏΠΏΠΈΡΡΠ΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. | [ crop || cross ] |
* | ΠΠΎΠ²ΡΠΎΡΡΡΡ Π½ΠΎΠ»Ρ ΠΈΠ»ΠΈ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ°Π·. | [,<Π²ΡΠ΅ΠΌΡ>]* |
+ | ΠΠΎΠ²ΡΠΎΡΡΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ°Π·. | <ΡΠΈΡΠ»ΠΎ>+ |
? | Π£ΠΊΠ°Π·Π°Π½Π½ΡΠΉ ΡΠΈΠΏ, ΡΠ»ΠΎΠ²ΠΎ ΠΈΠ»ΠΈ Π³ΡΡΠΏΠΏΠ° Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΌ. | inset? |
{A, B} | ΠΠΎΠ²ΡΠΎΡΡΡΡ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ A, Π½ΠΎ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ B ΡΠ°Π·. | <ΡΠ°Π΄ΠΈΡΡ>{1,4} |
# | ΠΠΎΠ²ΡΠΎΡΡΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ°Π· ΡΠ΅ΡΠ΅Π· Π·Π°ΠΏΡΡΡΡ. | <Π²ΡΠ΅ΠΌΡ># |
ΠΠ½Π°ΡΠ΅Π½ΠΈΡ
- blink
- Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΌΠΈΠ³Π°ΡΡΠΈΠΉ ΡΠ΅ΠΊΡΡ. Π’Π°ΠΊΠΎΠΉ ΡΠ΅ΠΊΡΡ ΠΏΠ΅ΡΠΈΠΎΠ΄ΠΈΡΠ΅ΡΠΊΠΈ, ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°Π· Π² ΡΠ΅ΠΊΡΠ½Π΄Ρ ΠΈΡΡΠ΅Π·Π°Π΅Ρ, ΠΏΠΎΡΠΎΠΌ Π²Π½ΠΎΠ²Ρ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π° ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌ ΠΌΠ΅ΡΡΠ΅. ΠΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°ΠΌΠΈ ΠΈ ΠΎΡΡΠΆΠ΄Π°Π΅ΡΡΡ Π² CSS3, Π²Π·Π°ΠΌΠ΅Π½ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ.
- line-through
- Π‘ΠΎΠ·Π΄Π°Π΅Ρ ΠΏΠ΅ΡΠ΅ΡΡΡΠΊΠ½ΡΡΡΠΉ ΡΠ΅ΠΊΡΡ (ΠΏΡΠΈΠΌΠ΅Ρ).
- overline
- ΠΠΈΠ½ΠΈΡ ΠΏΡΠΎΡ ΠΎΠ΄ΠΈΡ Π½Π°Π΄ ΡΠ΅ΠΊΡΡΠΎΠΌ (ΠΏΡΠΈΠΌΠ΅Ρ).
- underline
- Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΏΠΎΠ΄ΡΡΡΠΊΠ½ΡΡΡΠΉ ΡΠ΅ΠΊΡΡ (ΠΏΡΠΈΠΌΠ΅Ρ).
- none
- ΠΡΠΌΠ΅Π½ΡΠ΅Ρ Π²ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Ρ ΡΡΡΠ»ΠΎΠΊ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΎ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
ΠΠ΅ΡΠΎΡΠ½ΠΈΡΠ°
ΠΠΈΠ½Π½ΠΈ-ΠΡΡ Π±ΡΠ» Π²ΡΠ΅Π³Π΄Π° Π½Π΅ ΠΏΡΠΎΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΠΊΡΠ΅ΠΏΠΈΡΡΡΡ, Π² ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΡΠ°ΡΠΎΠ² Π² ΠΎΠ΄ΠΈΠ½Π½Π°Π΄ΡΠ°ΡΡ ΡΡΡΠ°, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π² ΡΡΠΎ Π²ΡΠ΅ΠΌΡ Π·Π°Π²ΡΡΠ°ΠΊ ΡΠΆΠ΅ Π΄Π°Π²Π½ΠΎ ΠΎΠΊΠΎΠ½ΡΠΈΠ»ΡΡ, Π° ΠΎΠ±Π΅Π΄ Π΅ΡΡ ΠΈ Π½Π΅ Π΄ΡΠΌΠ°Π» Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ. Π, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, ΠΎΠ½ ΡΡΡΠ°ΡΠ½ΠΎ ΠΎΠ±ΡΠ°Π΄ΠΎΠ²Π°Π»ΡΡ, ΡΠ²ΠΈΠ΄Π΅Π², ΡΡΠΎ ΠΡΠΎΠ»ΠΈΠΊ Π΄ΠΎΡΡΠ°ΡΡ ΡΠ°ΡΠΊΠΈ ΠΈ ΡΠ°ΡΠ΅Π»ΠΊΠΈ.
ΠΡΠΈΠΌΠ΅Ρ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text-decoration</title>
<style>
a {
text-decoration: none; /* Π£Π±ΠΈΡΠ°Π΅ΠΌ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Ρ ΡΡΡΠ»ΠΎΠΊ */
}
a:hover {
text-decoration: underline; /* ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅
ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ Π½Π° ΡΡΡΠ»ΠΊΡ */
}
</style>
</head>
<body>
<p><a href="page/1.html">Π‘ΡΡΠ°ΡΠ΅Π³ΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π½Π°ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅</a></p>
</body>
</html>
ΠΠ±ΡΠ΅ΠΊΡΠ½Π°Ρ ΠΌΠΎΠ΄Π΅Π»Ρ
ΠΠ±ΡΠ΅ΠΊΡ.style.textDecoration
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅
ΠΠΈΠ½ΠΈΡ, ΠΏΠΎΠ»ΡΡΠ΅Π½Π½Π°Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ line-through, Π² IE7 ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ Π²ΡΡΠ΅ ΡΠ΅ΠΌ Π² Π΄ΡΡΠ³ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ ; Π² IE8 ΡΡΠ° ΠΎΡΠΈΠ±ΠΊΠ° ΠΈΡΠΏΡΠ°Π²Π»Π΅Π½Π°.
Π‘ΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ ?
Π‘ΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ
ΠΠ°ΠΆΠ΄Π°Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΠΏΡΠΎΡ ΠΎΠ΄ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ°Π΄ΠΈΠΉ ΠΎΠ΄ΠΎΠ±ΡΠ΅Π½ΠΈΡ.
- Recommendation (Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡ) β ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ ΠΎΠ΄ΠΎΠ±ΡΠ΅Π½Π° W3C ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π½Π° ΠΊΠ°ΠΊ ΡΡΠ°Π½Π΄Π°ΡΡ.
- Candidate Recommendation (ΠΠΎΠ·ΠΌΠΎΠΆΠ½Π°Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡ) β Π³ΡΡΠΏΠΏΠ°, ΠΎΡΠ²Π΅ΡΠ°ΡΡΠ°Ρ Π·Π° ΡΡΠ°Π½Π΄Π°ΡΡ, ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΠ΅Π½Π°, ΠΊΠ°ΠΊ ΠΎΠ½ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ ΡΠ²ΠΎΠΈΠΌ ΡΠ΅Π»ΡΠΌ, Π½ΠΎ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΏΠΎΠΌΠΎΡΡ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΠΏΠΎ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΡΠ°Π½Π΄Π°ΡΡΠ°.
- Proposed Recommendation (ΠΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌΠ°Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡ) β Π½Π° ΡΡΠΎΠΌ ΡΡΠ°ΠΏΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ Π½Π° ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΠ΅ ΠΠΎΠ½ΡΡΠ»ΡΡΠ°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠΎΠ²Π΅ΡΠ° W3C Π΄Π»Ρ ΠΎΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ.
- Working Draft (Π Π°Π±ΠΎΡΠΈΠΉ ΠΏΡΠΎΠ΅ΠΊΡ) β Π±ΠΎΠ»Π΅Π΅ Π·ΡΠ΅Π»Π°Ρ Π²Π΅ΡΡΠΈΡ ΡΠ΅ΡΠ½ΠΎΠ²ΠΈΠΊΠ° ΠΏΠΎΡΠ»Π΅ ΠΎΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΡ ΠΈ Π²Π½Π΅ΡΠ΅Π½ΠΈΡ ΠΏΠΎΠΏΡΠ°Π²ΠΎΠΊ Π΄Π»Ρ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΡ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²ΠΎΠΌ.
- Editor’s draft (Π Π΅Π΄Π°ΠΊΡΠΎΡΡΠΊΠΈΠΉ ΡΠ΅ΡΠ½ΠΎΠ²ΠΈΠΊ) β ΡΠ΅ΡΠ½ΠΎΠ²Π°Ρ Π²Π΅ΡΡΠΈΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ° ΠΏΠΎΡΠ»Π΅ Π²Π½Π΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠ°Π²ΠΎΠΊ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°ΠΌΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ°.
- Draft (Π§Π΅ΡΠ½ΠΎΠ²ΠΈΠΊ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ) β ΠΏΠ΅ΡΠ²Π°Ρ ΡΠ΅ΡΠ½ΠΎΠ²Π°Ρ Π²Π΅ΡΡΠΈΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ°.
ΠΡΠ°ΡΠ·Π΅ΡΡ
Π ΡΠ°Π±Π»ΠΈΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΡ.
- Β β ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ ΡΠΎ Π²ΡΠ΅ΠΌΠΈ Π΄ΠΎΠΏΡΡΡΠΈΠΌΡΠΌΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ;
- Β β ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠΌ Π½Π΅ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅ΡΡΡ ΠΈ ΠΈΠ³Π½ΠΎΡΠΈΡΡΠ΅ΡΡΡ;
- Β β ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ, Π»ΠΈΠ±ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π»ΠΈΡΡ ΡΠ°ΡΡΠΈΡΠ½ΠΎ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π΅ Π²ΡΠ΅ Π΄ΠΎΠΏΡΡΡΠΈΠΌΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Π΄Π΅ΠΉΡΡΠ²ΡΡΡ ΠΈΠ»ΠΈ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π½Π΅ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΊΠ°Π·Π°Π½Ρ Π² ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ.
Π§ΠΈΡΠ»ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π²Π΅ΡΡΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°, Π½Π°ΡΠΈΠ½Π°Ρ Ρ ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ.
ΓΠΠ²ΡΠΎΡ ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ
ΠΠ²ΡΠΎΡ: ΠΠ»Π°Π΄ ΠΠ΅ΡΠΆΠ΅Π²ΠΈΡ
ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅: 05.09.2017
Π Π΅Π΄Π°ΠΊΡΠΎΡΡ: ΠΠ»Π°Π΄ ΠΠ΅ΡΠΆΠ΅Π²ΠΈΡ
ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ | WebReference
Π₯ΠΎΡΡ Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΡΡΠ»ΠΎΠΊ ΡΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, Π΄ΠΎΠΏΡΡΡΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΠΈΠ΄Π° ΡΡΡΠ»ΠΎΠΊ. ΠΠΎΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· Π½ΠΈΡ :
- ΡΡΡΠ»ΠΊΠΈ Π±Π΅Π· ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ;
- Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅;
- Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠΎΠ½ΠΎΠ²ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ;
- ΡΠ°ΠΌΠΊΠΈ;
- ΡΠΈΡΡΠ½ΠΎΠΊ Π²ΠΎΠ·Π»Π΅ ΡΡΡΠ»ΠΊΠΈ.
ΠΠ°Π»Π΅Π΅ ΡΠΊΠ°Π·Π°Π½Π½ΡΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΡΡΠ»ΠΎΠΊ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ.
Π‘ΡΡΠ»ΠΊΠΈ Π±Π΅Π· ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ
ΠΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΡΡΠ»ΠΎΠΊ ΡΠΆΠ΅ ΡΡΠ°Π»ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΌ ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠΌ ΠΈ ΡΠΈΠ³Π½Π°Π»ΠΎΠΌ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ ΡΡΠΎ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΡΠ΅ΠΊΡΡ, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΡΡΠ»ΠΊΠ°. ΠΡΠΎ, ΠΊΡΡΠ°ΡΠΈ, ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· ΠΏΡΠΈΡΠΈΠ½, ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΉ Π½Π΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊ ΠΎΠ±ΡΡΠ½ΠΎΠΌΡ ΡΠ΅ΠΊΡΡΡ,Β β ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π±ΡΠ΄ΡΡ ΡΡΠΈΡΠ°ΡΡ, ΡΡΠΎ ΠΈΠΌΠ΅ΡΡ Π΄Π΅Π»ΠΎ ΡΠΎ ΡΡΡΠ»ΠΊΠΎΠΉ. ΠΠ°ΡΡΠ΄Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ CSS Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΡΠ°ΠΉΡΠΎΠ² ΠΏΠΎΡΠ²ΠΈΠ»ΡΡ ΠΈ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΉ Π²Π°ΡΠΈΠ°Π½ΡΒ β ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ Π±Π΅Π· ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ. ΠΡΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠ°ΠΊΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠ΄Π°ΡΡ ΡΠ°ΠΉΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΉ ΡΡΡΠ΅ΠΊΡ. Π’ΠΎΠ»ΡΠΊΠΎ Π½Π°Π΄ΠΎ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄Π°ΡΡ ΠΏΠΎΠ½ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΡΡΠΎ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΡΠ»ΠΊΠΎΠΉ, Π° ΡΡΠΎ ΠΎΠ±ΡΡΠ½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΡΠ°Π·Π³ΡΠ°Π½ΠΈΡΠΈΠ²Π°Ρ ΠΈΡ , Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ²Π΅ΡΠΎΠΌ. ΠΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ ΡΡΠΎ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΡΡΡΠ»ΠΊΠ° ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΠΏΠΎΠ΄ΡΡΡΠΊΠ½ΡΡΠΎΠΉ, ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΈ ΡΠΎΡ, ΠΈ Π΄ΡΡΠ³ΠΎΠΉ ΡΡΡΠ΅ΠΊΡ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
Π§ΡΠΎΠ±Ρ ΡΠ±ΡΠ°ΡΡ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Ρ ΡΡΡΠ»ΠΊΠΈ, ΡΠ»Π΅Π΄ΡΠ΅Ρ Π² ΡΡΠΈΠ»ΡΡ Π΄Π»Ρ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ° a Π΄ΠΎΠ±Π°Π²ΠΈΡΡ text-decoration ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ none (ΠΏΡΠΈΠΌΠ΅ΡΒ 1).
ΠΡΠΈΠΌΠ΅Ρ 1. ΠΡΡΡΡΡΡΠ²ΠΈΠ΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ Ρ ΡΡΡΠ»ΠΎΠΊ
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Π‘ΡΡΠ»ΠΊΠΈ</title> <style> a { text-decoration: none; /* Π£Π±ΠΈΡΠ°Π΅ΠΌ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ */ } </style> </head> <body> <p><a href="link.html">Π‘ΡΡΠ»ΠΊΠ° Π±Π΅Π· ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ</a> </body> </html>
ΠΠ»Ρ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΠΎΠ² :hover ΠΈ :visited Π½Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ text-decoration, ΠΎΠ½ΠΈ Π½Π°ΡΠ»Π΅Π΄ΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ° a.
ΠΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΈΡ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ
Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π΄Π»Ρ ΡΡΡΠ»ΠΎΠΊ, Ρ ΠΊΠΎΡΠΎΡΡΡ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ text-decoration:Β none, ΡΠ»Π΅Π΄ΡΠ΅Ρ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΠΎΠΌ :hover. ΠΠ½ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΡΠΈΠ»Ρ ΡΡΡΠ»ΠΊΠΈ, ΠΊΠΎΠ³Π΄Π° Π½Π° Π½Π΅Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΡΡ ΠΊΡΡΡΠΎΡ ΠΌΡΡΠΈ. ΠΡΡΠ°ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΠ° ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ text-decoration ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ underline (ΠΏΡΠΈΠΌΠ΅ΡΒ 2).
ΠΡΠΈΠΌΠ΅Ρ 2. ΠΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Π‘ΡΡΠ»ΠΊΠΈ</title>
<style>
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<p><a href="link.html">Π‘ΡΡΠ»ΠΊΠ° Π±Π΅Π· ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ</a>
</body>
</html>
ΠΠ΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ
ΠΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Ρ ΡΡΡΠ»ΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠ΅ΠΉ, Π°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠΉ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½Π°Π΄ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ border-bottom, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ Π»ΠΈΠ½ΠΈΡ Π²Π½ΠΈΠ·Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. Π£ΠΊΠ°Π·Π°Π² ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π°ΡΠ³ΡΠΌΠ΅Π½ΡΠΎΠ² ΡΡΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π° dashed, ΠΏΠΎΠ»ΡΡΠΈΠΌ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅. Π ΠΏΡΠΈΠΌΠ΅ΡΠ΅Β 3 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π·Π°Π΄Π°Π½ΠΈΠ΅ ΡΠΈΠ½Π΅Π³ΠΎ ΠΏΡΠ½ΠΊΡΠΈΡΠ° Ρ ΡΡΡΠ»ΠΎΠΊ ΠΊΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΈΡ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ.
ΠΡΠΈΠΌΠ΅Ρ 3. ΠΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π΄Π»Ρ ΡΡΡΠ»ΠΎΠΊ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Π‘ΡΡΠ»ΠΊΠΈ</title>
<style>
a {
color: blue; /* Π¦Π²Π΅Ρ ΡΡΡΠ»ΠΎΠΊ */
text-decoration: none; /* Π£Π±ΠΈΡΠ°Π΅ΠΌ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ */
}
a:hover {
border-bottom: 1px dashed blue; /* ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΠΈΠ½Π΅Π΅ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ */
}
</style>
</head>
<body>
<p><a href="link.html">Π‘ΡΡΠ»ΠΊΠ° Π±Π΅Π· ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ</a>
</body>
</html>
ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΡΠΈΠ²Π΅Π΄ΡΠ½Π½ΠΎΠ³ΠΎ ΡΠΏΠΎΡΠΎΠ±Π° ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΡΡ Π½ΠΈΠΆΠ΅ ΠΎΠ±ΡΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°. ΠΠΎΡΡΠΎΠΌΡ ΠΊ ΡΡΠΈΠ»Ρ ΡΡΡΠ»ΠΊΠΈ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ text-decoration ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ none, ΡΡΠΎΠ±Ρ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ Π΄Π²Π΅ Π»ΠΈΠ½ΠΈΠΈ (ΡΠΈΡ.Β 1).
Π ΠΈΡ. 1. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠ½ΠΊΡΠΈΡΠ° Π΄Π»Ρ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ ΡΡΡΠ»ΠΊΠΈ
ΠΠ΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠ½ΠΊΡΠΈΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠΊΠ°Π·Π°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡΠΈΠΌΠ΅ΡΠ΅Β 4.
ΠΡΠΈΠΌΠ΅Ρ 4. ΠΠ²ΠΎΠΉΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Π‘ΡΡΠ»ΠΊΠΈ</title>
<style>
a {
color: blue; text-decoration: none;
}
a:hover {
border-bottom: 4px double red;
}
</style>
</head>
<body>
<p><a href="link.html">Π‘ΡΡΠ»ΠΊΠ° Π±Π΅Π· ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ</a>
</body>
</html>
ΠΠ·ΠΌΠ΅Π½ΡΡ ΡΠΎΠ»ΡΠΈΠ½Ρ Π»ΠΈΠ½ΠΈΠΈ, Π΅Ρ ΡΠΈΠΏ ΠΈ ΡΠ²Π΅Ρ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΡΡ ΡΡΡΠ΅ΠΊΡΠΎΠ².
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ°
Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊ ΡΡΡΠ»ΠΊΠ΅ ΡΠ²Π΅ΡΠ½ΠΎΠΉ ΡΠΎΠ½, Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ background, ΠΏΡΠΈΡΠ²ΠΎΠΈΠ² Π΅ΠΌΡ ΡΠ²Π΅Ρ Π² Π»ΡΠ±ΠΎΠΌ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΌ ΡΠΎΡΠΌΠ°ΡΠ΅. ΠΠ½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡ :hover, ΡΠΎΠ³Π΄Π° ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΏΠΎΠ΄ ΡΡΡΠ»ΠΊΠΎΠΉ Π±ΡΠ΄Π΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Ρ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ (ΠΏΡΠΈΠΌΠ΅ΡΒ 5).
ΠΡΠΈΠΌΠ΅Ρ 5. Π€ΠΎΠ½ ΠΏΠΎΠ΄ ΡΡΡΠ»ΠΊΠΎΠΉ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Π‘ΡΡΠ»ΠΊΠΈ</title>
<style>
a {
padding: 2px; /* ΠΠΎΠ»Ρ Π²ΠΎΠΊΡΡΠ³ ΡΠ΅ΠΊΡΡΠ° ΡΡΡΠ»ΠΊΠΈ */
text-decoration: none; /* Π£Π±ΠΈΡΠ°Π΅ΠΌ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ */
}
a:hover {
background: #f73; /* Π¦Π²Π΅Ρ ΡΠΎΠ½Π° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΡΡΡΠ»ΠΊΡ ΠΊΡΡΡΠΎΡΠ° */
color: yellow; /* ΠΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° */
}
</style>
</head>
<body>
<p><a href="link.html">Π‘ΡΡΠ»ΠΊΠ° Π±Π΅Π· ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ</a>
</body>
</html>
Π€ΠΎΠ½ ΠΏΠΎΠ΄ ΡΡΡΠ»ΠΊΠΎΠΉ ΡΠΎΡΠ½ΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠ΅ΠΊΡΡΠ°, ΠΏΠΎΡΡΠΎΠΌΡ Π² ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π΄Π»Ρ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ° a Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ padding, ΡΠΎΠ·Π΄Π°ΡΡΠ΅Π΅ ΠΏΠΎΠ»Ρ Π²ΠΎΠΊΡΡΠ³ ΡΠ΅ΠΊΡΡΠ° (ΡΠΈΡ.Β 2).
Π ΠΈΡ. 2. ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΡΡΡΠ»ΠΊΡ ΠΊΡΡΡΠΎΡΠ°
Π Π°ΠΌΠΊΠ° Π²ΠΎΠΊΡΡΠ³ ΡΡΡΠ»ΠΊΠΈ
ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΡΠ°ΠΌΠΎΠΊ ΡΠΎ ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ Π΄Π²Π° Π²Π°ΡΠΈΠ°Π½ΡΠ°. ΠΠ΅ΡΠ²ΡΠΉΒ β ΡΠ°ΠΌΠΊΠ° Π²ΠΎΠΊΡΡΠ³ ΡΡΡΠ»ΠΎΠΊ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π·Π°ΡΠ°Π½Π΅Π΅ ΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Ρ ΠΊΡΡΡΠΎΡΠ° ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ. Π Π²ΡΠΎΡΠΎΠΉΒ β ΡΠ°ΠΌΠΊΠ° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ, ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠ³Π΄Π° Π½Π° ΡΡΡΠ»ΠΊΡ Π½Π°Π²ΠΎΠ΄ΠΈΡΡΡ ΠΊΡΡΡΠΎΡ.
Π ΠΏΡΠΈΠΌΠ΅ΡΠ΅ 6 ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΡΠ°ΠΌΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ border. ΠΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΡΠ΅ΡΠ΅Π· text-decoration ΠΌΠΎΠΆΠ½ΠΎ ΡΠ±ΡΠ°ΡΡ ΠΈΠ»ΠΈ ΠΎΡΡΠ°Π²ΠΈΡΡ Π±Π΅Π· ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
ΠΡΠΈΠΌΠ΅Ρ 6. ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠ°ΠΌΠΊΠΈ Ρ ΡΡΡΠ»ΠΎΠΊ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Π‘ΡΡΠ»ΠΊΠΈ</title>
<style>
a {
border: 1px solid blue; /* Π‘ΠΈΠ½ΡΡ ΡΠ°ΠΌΠΊΠ° Π²ΠΎΠΊΡΡΠ³ ΡΡΡΠ»ΠΎΠΊ */
padding: 2px; /* ΠΠΎΠ»Ρ Π²ΠΎΠΊΡΡΠ³ ΡΠ΅ΠΊΡΡΠ° */
text-decoration: none; /* Π‘ΠΊΡΡΠ²Π°Π΅ΠΌ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ */
}
a:hover {
border: 1px solid red; /* ΠΡΠ°ΡΠ½Π°Ρ ΡΠ°ΠΌΠΊΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΡΡΡΠ»ΠΊΡ */
}
</style>
</head>
<body>
<p><a href="link.html">Π‘ΡΡΠ»ΠΊΠ° Π±Π΅Π· ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΡ</a>
</body>
</html>
Π§ΡΠΎΠ±Ρ ΡΠ°ΠΌΠΊΠ° Π½Π΅ Β«ΠΏΡΠΈΠ»ΠΈΠΏΠ°Π»Π°Β» ΠΊ ΡΠ΅ΠΊΡΡΡ, Π² ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π²ΠΎΠΊΡΡΠ³ Π½Π΅Π³ΠΎ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Ρ ΠΏΠΎΠ»Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ padding. ΠΠΎΠΆΠ½ΠΎ ΡΠ°ΠΊΠΆΠ΅ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΡΠ°ΠΌΠΊΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈ ΡΠΎΠ½, Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π²ΡΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ background.
ΠΡΠ»ΠΈ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°ΠΌΠΊΡ ΠΊ ΡΡΡΠ»ΠΊΠ°ΠΌ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΈΡ ΠΊΡΡΡΠΎΡΠ°, ΡΠΎ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΏΠΎΠ·Π°Π±ΠΎΡΠΈΡΡΡΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΡΠ΅ΠΊΡΡ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π½Π΅ ΡΠ΄Π²ΠΈΠ³Π°Π»ΡΡ. ΠΠΎΡΡΠΈΡΡ ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ Π²ΡΠ΅Π³ΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΡΠ°ΠΌΠΊΠΈ Π²ΠΎΠΊΡΡΠ³ ΡΡΡΠ»ΠΊΠΈ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ²Π΅ΡΠ° ΡΠ°ΠΌΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΠ° :hover. ΠΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ»ΡΡΠ΅Π²ΠΎΠ³ΠΎ ΡΠ»ΠΎΠ²Π° transparent, Π² ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠΌ ΡΡΠΈΠ»Ρ Π½Π΅ ΠΏΠΎΠΌΠ΅Π½ΡΠ΅ΡΡΡ.
a {
border: 1px solid transparent; /* ΠΡΠΎΠ·ΡΠ°ΡΠ½Π°Ρ ΡΠ°ΠΌΠΊΠ° Π²ΠΎΠΊΡΡΠ³ ΡΡΡΠ»ΠΎΠΊ */
}
a:hover {
border: 1px solid red; /* ΠΡΠ°ΡΠ½Π°Ρ ΡΠ°ΠΌΠΊΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΡΡΡΠ»ΠΊΡ */
}
Π ΠΈΡΡΠ½ΠΊΠΈ Π²ΠΎΠ·Π»Π΅ Π²Π½Π΅ΡΠ½ΠΈΡ ΡΡΡΠ»ΠΎΠΊ
ΠΠ½Π΅ΡΠ½Π΅ΠΉ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ ΡΠ°ΠΊΠ°Ρ ΡΡΡΠ»ΠΊΠ°, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π° Π΄ΡΡΠ³ΠΎΠΉ ΡΠ°ΠΉΡ. ΠΠΎΠ΄ΠΎΠ±Π½Π°Ρ ΡΡΡΠ»ΠΊΠ° Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ ΡΡΡΠ»ΠΎΠΊ Π²Π½ΡΡΡΠΈ ΡΠ°ΠΉΡΠ°, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, ΠΊΡΠ΄Π° ΠΎΠ½Π° Π²Π΅Π΄ΡΡ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅Π² ΡΡΡΠΎΠΊΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°. ΠΠΎ Π² ΡΡΡ ΡΡΡΠΎΠΊΡ Π·Π°Π³Π»ΡΠ΄ΡΠ²Π°ΡΡ Π½Π΅ Π²ΡΠ΅ ΠΈ Π½Π΅ Π²ΡΠ΅Π³Π΄Π°. Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΎΡΠ»ΠΈΡΠ°Π»ΠΈ Π²Π½Π΅ΡΠ½ΠΈΠ΅ ΡΡΡΠ»ΠΊΠΈ ΠΎΡ ΠΎΠ±ΡΡΠ½ΡΡ , ΠΈΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π²ΡΠ΄Π΅Π»ΡΡΡ ΠΊΠ°ΠΊΠΈΠΌ-Π»ΠΈΠ±ΠΎ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ Π²ΠΎΠ·Π»Π΅ ΡΡΡΠ»ΠΊΠΈ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΡΠΈΡΡΠ½ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΡΠ°ΡΡΡ ΡΡΡΠ»ΠΊΠΈ ΠΈΠ½ΠΎΠΉ (ΡΠΈΡ.Β 3).
Π ΠΈΡ. 3. ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΡΡΠ»ΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΈΡΡΠ½ΠΊΠ°
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠΈΡΡΠ½ΠΊΠΎΠ² Π²ΠΎΠ·Π»Π΅ Π²Π½Π΅ΡΠ½ΠΈΡ ΡΡΡΠ»ΠΎΠΊ Ρ ΠΎΡΠΎΡΠΎ ΡΠ΅ΠΌ, ΡΡΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½Π°Ρ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΡΡΡΠ»ΠΊΠ° ΠΎΠ΄Π½ΠΎΠ·Π½Π°ΡΠ½ΠΎ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ ΠΎΠ±ΡΡΠ½ΡΡ ΡΡΡΠ»ΠΎΠΊ Π²Π½ΡΡΡΠΈ ΡΠ°ΠΉΡΠ°, Π° ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±ΡΠ°Π½Π½ΡΠΉ ΡΠΈΡΡΠ½ΠΎΠΊ Π³ΠΎΠ²ΠΎΡΠΈΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ, ΡΡΠΎ ΡΡΡΠ»ΠΊΠ° Π²Π΅Π΄ΡΡ Π½Π° Π΄ΡΡΠ³ΠΎΠΉ ΡΠ°ΠΉΡ. Π§ΡΠΎΠ±Ρ ΡΠ°Π·Π΄Π΅Π»ΠΈΡΡ ΡΡΠΈΠ»Ρ Π΄Π»Ρ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ ΠΈ Π²Π½Π΅ΡΠ½ΠΈΡ ΡΡΡΠ»ΠΎΠΊ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠΎΠΌ Π°ΡΡΠΈΠ±ΡΡΠ°. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π²ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ Π½Π° Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ°ΠΉΡΡ ΠΏΠΈΡΡΡΡΡ Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ ΠΏΡΠΎΡΠΎΠΊΠΎΠ»Π°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ http, ΡΠΎ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π·Π°Π΄Π°ΡΡ ΡΡΠΈΠ»Ρ Π΄Π»Ρ ΡΠ΅Ρ ΡΡΡΠ»ΠΎΠΊ, Ρ ΠΊΠΎΡΠΎΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° href Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Π½Π° http://. ΠΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠΈ a[href^=»http://»] {…}, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡΠΈΠΌΠ΅ΡΠ΅Β 7.
ΠΡΠΈΠΌΠ΅Ρ 7. Π ΠΈΡΡΠ½ΠΎΠΊ Π²ΠΎΠ·Π»Π΅ ΡΡΡΠ»ΠΊΠΈ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Π‘ΡΡΠ»ΠΊΠΈ</title>
<style>
a[href^="http://"] {
background: url(/example/image/blank.png) 100% 5px no-repeat; /* Π ΠΈΡΡΠ½ΠΎΠΊ */
padding-right: 18px; /* ΠΡΡΡΡΠΏ ΡΠΏΡΠ°Π²Π° */
}
</style>
</head>
<body>
<p><a href="1.html">ΠΠ±ΡΡΠ½Π°Ρ ΡΡΡΠ»ΠΊΠ°</a></p>
<p><a href="http://htmlbook.ru">Π‘ΡΡΠ»ΠΊΠ° Π½Π° ΡΠ°ΠΉΡ htmlbook.ru</a></p>
</body>
</html>
Π€ΠΎΠ½ΠΎΠ²Π°Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΡΠΏΡΠ°Π²Π° ΠΎΡ ΡΡΡΠ»ΠΊΠΈ, Π° ΡΡΠΎΠ±Ρ ΡΠ΅ΠΊΡΡ Π½Π΅ Π½Π°ΠΊΠ»Π°Π΄ΡΠ²Π°Π»ΡΡ ΠΏΠΎΠ²Π΅ΡΡ ΡΠΈΡΡΠ½ΠΊΠ° Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΏΠΎΠ»Π΅ ΡΠΏΡΠ°Π²Π° ΡΠ΅ΡΠ΅Π· ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ padding-right. ΠΡΠ»ΠΈ ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΈΡΡΠ½ΠΎΠΊ ΡΠ»Π΅Π²Π°, ΡΠΎ 100% Π·Π°ΠΌΠ΅Π½ΡΠ΅ΠΌ Π½Π° 0, Π° padding-right Π½Π° padding-left.
ΠΡΠΎΡΠΎΠΊΠΎΠ» ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ http, Π½ΠΎ ΠΈ ftp ΠΈ https, Π΄Π»Ρ Π½ΠΈΡ Π΄Π°Π½Π½ΡΠΉ ΡΠ΅ΡΠ΅ΠΏΡ ΠΏΠ΅ΡΠ΅ΡΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ. Π’Π°ΠΊ ΡΡΠΎ Π΄Π»Ρ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΠΎΡΡΠΈ Π»ΡΡΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ Π½Π° a[href*=»//»], ΠΎΠ½ ΡΠΎΠΎΠ±ΡΠ°Π΅Ρ ΡΡΠΎ ΡΡΠΈΠ»Ρ Π½Π°Π΄ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΡΡΠ»ΠΊΠ°ΠΌ, Π² Π°Π΄ΡΠ΅ΡΠ΅ ΠΊΠΎΡΠΎΡΡΡ Π²ΡΡΡΠ΅ΡΠ°Π΅ΡΡΡ //.
ΠΠ²ΡΠΎΡ ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ
ΠΠ²ΡΠΎΡ: ΠΠ»Π°Π΄ ΠΠ΅ΡΠΆΠ΅Π²ΠΈΡ
ΠΠΎΡΠ»Π΅Π΄Π½Π΅Π΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅: 11.08.2018
Π Π΅Π΄Π°ΠΊΡΠΎΡΡ: ΠΠ»Π°Π΄ ΠΠ΅ΡΠΆΠ΅Π²ΠΈΡ
ΠΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ Π½Π°Π±ΠΎΡΡ ΡΡΠΈΠ»Π΅ΠΉ CSS ΠΊ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠΌ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ. ΠΠ»Ρ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΎΠΊ ΡΡΠΈ ΡΡΠΈΠ»ΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ, ΡΡΠΎ Π»ΡΠ±ΠΎΠΉ ΡΠ΅ΠΊΡΡ ΡΡΡΠ»ΠΊΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΡΠΈΠ½ΠΈΠΌ ΡΠ²Π΅ΡΠΎΠΌ Ρ CSS underline. ΠΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΠΈ ΡΠ°ΠΉΡΠ° ΠΌΠΎΠ³Π»ΠΈ Π»Π΅Π³ΠΊΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ, ΡΡΠΎ Π΄Π°Π½Π½ΡΠΉ ΡΠ΅ΠΊΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΡΡΡΠ»ΠΊΡ. ΠΠ½ΠΎΠ³ΠΈΠ΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π½Π΅ ΡΠ΄Π΅Π»ΡΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ ΡΡΠΈΠΌ ΡΡΠΈΠ»ΡΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΡΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ. Π ΡΡΠ°ΡΡΡΡ, CSS ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π»Π΅Π³ΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΎΠΊ.
ΠΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡΠΉ ΡΠ΅ΠΊΡΡ ΠΌΠΎΠΆΠ΅Ρ ΡΠ»ΠΎΠΆΠ½Π΅Π΅ ΡΠΈΡΠ°ΡΡΡΡ, ΡΠ΅ΠΌ ΠΎΠ±ΡΡΠ½ΡΠΉ. ΠΠ½ΠΎΠ³ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΠΏΡΠΎΡΡΠΎ Π½Π΅ ΡΠ΄Π΅Π»ΡΡΡ ΡΡΠΎΠΌΡ Π΄ΠΎΠ»ΠΆΠ½ΠΎΠ³ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ. ΠΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΠ΄Π°Π»ΠΈΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS text-decoration. ΠΠΎΡ CSS-ΠΊΠΎΠ΄, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ:
a { text-decoration: none; }
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠΉ ΡΡΡΠΎΠΊΠΈ ΠΊΠΎΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π°Π»ΠΈΡΡ CSS underline style Π²ΡΠ΅Ρ ΡΡΡΠ»ΠΎΠΊ.
ΠΡΠ°Π²ΠΈΡΡΡ Π²Π°ΠΌ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π½Π΅Ρ, Π½Π΅Π»ΡΠ·Ρ ΠΎΡΡΠΈΡΠ°ΡΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΎΠ½ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΊΠ°Π·Π°ΡΡ Π½Π° ΡΠ²ΡΠ·Ρ ΡΠ΅ΠΊΡΡΠ° ΡΠΎ ΡΡΡΠ»ΠΊΠΎΠΉ. ΠΡΠ»ΠΈ ΡΠ±ΡΠ°ΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΈΠ½ΠΈΠΉ ΡΠ²Π΅Ρ ΡΡΡΠ»ΠΎΠΊ, ΡΠΎ Π½ΡΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π²Π·Π°ΠΌΠ΅Π½ ΡΡΠΈΠ»ΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΡΠ΅ΠΊΡΡ ΡΡΡΠ»ΠΎΠΊ. ΠΡΠΎ ΡΠ΄Π΅Π»Π°Π΅Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ Ρ ΡΠ°ΠΉΡΠΎΠΌ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΡΠΌ.
ΠΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°ΠΉΡΠ΅ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΡΠ»ΠΊΠΎΠΉ. ΠΡΠ΄ΠΈ ΠΏΡΠΈΠ²ΡΠΊΠ»ΠΈ ΠΊ ΡΠΎΠΌΡ, ΡΡΠΎ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡΠΉ ΡΠ΅ΠΊΡΡ (Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS underline color) ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΡΠ»ΠΊΠΎΠΉ. ΠΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π΅ΡΠ΅ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, ΡΡΠΎΠ±Ρ Π°ΠΊΡΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π° Π½Π΅ΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ (Π²ΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π²ΡΠ²Π΅ΡΡΠΈ Π΅Π³ΠΎ ΠΏΠΎΠ»ΡΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ ΠΈΠ»ΠΈ ΠΊΡΡΡΠΈΠ²ΠΎΠΌ), Π²Ρ Π²Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΡΠ°ΠΉΡΠ° Π² Π·Π°Π±Π»ΡΠΆΠ΄Π΅Π½ΠΈΠ΅.
ΠΡΠ»ΠΈ Ρ ΠΎΡΠΈΡΠ΅ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΡΡΠ»ΠΎΠΊ, Π½ΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ (Π»ΠΈΠ½ΠΈΡ Β«solidΒ«), ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ. ΠΠΌΠ΅ΡΡΠΎ ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠΎΡΠΊΠΈ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π°Π»ΠΈΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ Π΅Π³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ border-bottom:
a { text-decoration: none; border-bottom:1px dotted; }
Π’Π°ΠΊ ΠΊΠ°ΠΊ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠ΅ CSS text decoration underline ΠΌΡ ΡΠ΄Π°Π»ΠΈΠ»ΠΈ, Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π»ΠΈΠ½ΠΈΡ ΠΈΠ· ΡΠΎΡΠ΅ΠΊ:
Π’ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅. ΠΡΠΎΡΡΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ border-bottom Π½Π° dashed:
a { text-decoration: none; border-bottom:1px dashed; }
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠΏΠΎΡΠΎΠ± ΠΎΠ±ΡΠ°ΡΠΈΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π½Π° ΡΡΡΠ»ΠΊΠΈ β ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ. Π Π·Π°Π±ΡΠ΄ΡΡΠ΅, ΡΡΠΎ ΡΠ²Π΅Ρ text underline CSS Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠΎΠΉ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΡΡ Π΅ΠΌΠ΅:
a { text-decoration: none; border-bottom:1px solid red; }
Π₯ΠΈΡΡΠΎΡΡΡ Π² ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Π΄Π²ΠΎΠΉΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠΈΡΠΈΠ½Ρ ΡΠ°ΠΌΠΊΠΈ. ΠΡΠ»ΠΈ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΌΠΊΡ ΡΠΈΡΠΈΠ½ΠΎΠΉ Π² 1 ΠΏΠΈΠΊΡΠ΅Π»Ρ, Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ Π΄Π²Π° ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΠΊΠ°ΠΊ ΠΎΠ΄Π½ΠΎ:
a { text-decoration: none; border-bottom:3px double; }
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΡΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠ΅ Π΄Π²ΠΎΠΉΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎΠ±Ρ ΠΎΠ΄Π½Π° ΠΈΠ· Π»ΠΈΠ½ΠΈΠΉ Π±ΡΠ»Π° Π΄Π²ΠΎΠΉΠ½ΠΎΠΉ:
a { border-bottom:1px double; }
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ border-bottom Π΄Π»Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΡΡΡΠ»ΠΎΠΊ. ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΠ° :hover ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠ»ΡΡΡΠΈΡΡ ΠΎΠΏΡΡ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ. Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ Π²ΡΠΎΡΠΎΠ΅ ΡΠΎΡΠ΅ΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, Π²ΡΠ²ΠΎΠ΄ΠΈΠΌΠΎΠ΅ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΡΡΡΠ»ΠΊΡ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄ ΠΈ Π΄Π΅Π°ΠΊΡΠΈΠ²Π°ΡΠΈΡ CSS text decoration underline:
a { text-decoration: none; } a:hover { border-bottom:1px dotted; }
ΠΠ°Π½Π½Π°Ρ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ ΡΡΠ°ΡΡΠΈ Β«How to Change Link Underlines on a WebpageΒ» , ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²Π»Π΅Π½Π½ΠΎΠΉ Π΄ΡΡΠΆΠ½ΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.ΡΡ
ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ HTML
ΠΠ°ΠΊ Π²Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π΅ΡΠ΅ ΡΠ΅ΠΊΡΡ html ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π»ΠΈΠ½ΠΈΡ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ Π±ΡΠ»Π° ΠΏΡΠ½ΠΊΡΠΈΡΠΎΠΌ, Π° Π½Π΅ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ? ΠΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΡΡΠΎΠ±Ρ Ρ ΡΠ΄Π΅Π»Π°Π» ΡΡΠΎ Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° CSS. Π― Π½ΠΎΠ²ΠΈΡΠΎΠΊ Π² html.
html underlineΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ ΠΡΡΠΎΡΠ½ΠΈΠΊ parap Β Β 06 ΠΌΠ°ΡΡΠ° 2013 Π² 16:19
7 ΠΡΠ²Π΅ΡΠΎΠ²
126
ΠΡΠΎ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅Π· CSS. ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, ΡΠ΅Π³ <u>
ΠΏΡΠΎΡΡΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ text-decoration:underline
ΠΊ ΡΠ΅ΠΊΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΠΎΠ³ΠΎ Π² Π±ΡΠ°ΡΠ·Π΅Ρ CSS.
ΠΠΎΡ ΡΡΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ:
<html>
<head>
<!-- Other head stuff here, like title or meta -->
<style type="text/css">
u {
border-bottom: 1px dotted #000;
text-decoration: none;
}
</style>
</head>
<!-- Body, content here -->
</html>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Alfred Xing Β Β 06 ΠΌΠ°ΡΡΠ° 2013 Π² 16:24
14
ΠΠ΅Π· CSS Π²Ρ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π·Π°ΡΡΡΡΠ»ΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Π³Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠ΄Π΅Π»Π°ΠΉΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅. ΠΡΠΎ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π²Π°ΡΠ° ΡΡΡΠ°Π½ΠΈΡΠ° Π±Π΅ΡΠΏΠΎΠ»Π΅Π·Π½Π° Π΄Π»Ρ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π°.
Π‘ CSS Π²ΡΠ΅ ΠΏΡΠΎΡΡΠΎ.
HTML:
<u>I like cheese</u>
CSS:
u.dotted{
border-bottom: 1px dashed #999;
text-decoration: none;
}
ΠΡΠΈΠΌΠ΅Ρ ΠΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ
ΠΡΠΈΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ
<!DOCTYPE HTML>
<html>
<head>
<style>
u.dotted{
border-bottom: 1px dashed #999;
text-decoration: none;
}
</style>
</head>
<body>
<u>I like cheese</u>
</body>
</html>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ epascarello Β Β 06 ΠΌΠ°ΡΡΠ° 2013 Π² 16:25
12
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΊΠΎΠ΄Ρ CSS…
text-decoration:underline;
text-decoration-style: dotted;
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Shakeel Ahmed Β Β 13 ΠΈΡΠ»Ρ 2016 Π² 07:53
5
ΠΠ»Π΅ΠΌΠ΅Π½Ρ HTML5 ΠΌΠΎΠΆΠ΅Ρ Π΄Π°Π²Π°ΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅, ΠΏΠΎΡΡΠΎΠΌΡ ΠΠΈΠΆΠ½ΠΈΠΉ ΡΠ΅ΠΊΡΡ Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΡ, Π° Π½Π΅ ΠΎΠ±ΡΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅. Π Π°ΡΡΠΈΠ±ΡΡ title ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ:
NOTE: ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ Π³ΡΠ°Π½ΠΈΡΠ° / ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π² Firefox ΠΈ Opera, Π½ΠΎ IE8, Safari ΠΈ Chrome Π½ΡΠΆΠ΄Π°ΡΡΡΡ Π² ΡΡΡΠΎΠΊΠ΅ CSS:
<abbr title="Hyper Text Markup Language">HTML</abbr>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Fatima Waheed Β Β 11 ΠΈΡΠ»Ρ 2016 Π² 14:14
2
ΠΠ΅ΡΠ΅ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π» ΠΎΡΠ²Π΅Ρ Π½Π° @epascarello :
u.dotted {
border-bottom: 1px dashed #999;
text-decoration: none;
}
<!DOCTYPE html>
<u>I like cheese</u>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ anatoly techtonik Β Β 26 Π΄Π΅ΠΊΠ°Π±ΡΡ 2015 Π² 06:54
2
ΠΡΠ»ΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π±ΠΎΠ»Π΅Π΅ 1 ΡΡΡΠΎΠΊΠΈ, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ½Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡΡ Π½Π΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ. Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π²Π°ΠΌ ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ,
text-decoration: underline;
text-decoration-style: dotted;
ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π° Π΄Π»Ρ Π΄ΡΡ Π°Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ ΠΈ ΡΡΡΠΎΠΊΠΎΠΉ, ΠΏΡΠΎΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅,
text-underline-position: under;
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Darshana Gunawardana Β Β 09 ΠΎΠΊΡΡΠ±ΡΡ 2018 Π² 10:12
-2
ΠΡΠΎ Π½Π΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅Π· CSS. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ ΠΊΠ°ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ°:
<li><!--content --></li>
ΠΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Davington III Β Β 30 Π°ΠΏΡΠ΅Π»Ρ 2015 Π² 09:03
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π΄Π²ΠΎΠΉΠ½ΠΎΠ΅ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ° Π² css
ΠΠ°ΠΊ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°ΡΡ Π΄Π²ΠΎΠΉΠ½ΠΎΠ΅ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π² CSS ? Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ border-bottom. border-bottom: 1px dotted #oof ΠΠΎ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄Π½ΠΎ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅. ΠΠ°ΠΊ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ…
ΠΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π² TextView Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ SpannableString Π² Android
Π― Ρ ΠΎΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ SpannableString ΠΠ°ΠΊ Π²ΠΎΡ ΠΌΠΎΡ ΡΡΡΠΎΠΊΠ° Hello, How are you? Π― Ρ ΠΎΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ How word, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ? ΠΡΠ»ΠΈ Ρ Π΄ΠΎΠ±Π°Π²Π»Ρ…
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΡΠΎΠΊΡ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ Π±Π΅Π· ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅?
ΠΠ½Π΅ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΡΠΎΠΊΡ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ, Π±Π΅Π· ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅; ΠΈΠ½Π°ΡΠ΅ ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ΅ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ ΠΈ ΡΡΡΠΎΠΊΠΎΠΉ. Π§ΡΠΎ ΠΌΡ Π΄Π΅Π»Π°Π΅ΠΌ
Android ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΎΡΡΠ°Π΅ΡΡΡ Π² ΡΠ΅ΡΠ΅Π΄ΠΈΠ½Π΅ textview
Π― Ρ ΠΎΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ΄ textview, Π½ΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Ρ ΠΌΠΎΠΈ ΠΊΠΎΠ΄Ρ <TextView android:id=@+id/contact_num android:layout_width=wrap_content android:layout_height=wrap_content…
CSS ΡΡΡΠ΅ΠΊΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° (ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ + ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠ΅ΠΊΡΡΠ°)
Π― ΡΠΎΠ²Π΅ΡΡΠ΅Π½ Π½ΡΠ± CSS ΠΠ΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π²Ρ Π·Π°Π½ΡΡΡ ΠΌΠΈΠ½ΡΡΡ ΠΈ ΠΏΠΎΠΌΠΎΡΡ ΠΌΠ½Π΅ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ (Ρ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠΌ) Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΡΠ²Π΅ΡΠ° ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡΡΠΈ? Π― Π±ΡΠ» Π±Ρ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΈΠ·Π½Π°ΡΠ΅Π»Π΅Π½ Π·Π° Π²Π°ΡΡ ΠΏΠΎΠΌΠΎΡΡ!…
ΠΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Π½Π΅ ΠΈΡΡΠ΅Π·Π°Π΅Ρ ΠΈΠ· html
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ jsdiff ΠΎΡ ejohn Π·Π΄Π΅ΡΡ ΠΠΎ Ρ ΠΏΠΎΠ»ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ. ΠΡΠΎ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΈΠ· ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π°Π³Π΅Π½ΡΠ° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΠΎΡ ΡΡΡΠ»ΠΊΠ° Π½Π° fiddle . ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ Ρ ΠΏΠΎΠ»ΡΡΠ°Ρ…
ΠΡΠ°ΠΉΡ-Π»ΠΈΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π½ΠΎΠΉ ΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠΌ Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠΈΡΠΈΠ½ΠΎΠΉ
Π― Ρ ΠΎΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠ°ΠΉΡ-Π»ΠΈΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠΌΠ΅Π΅Ρ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π½ΠΎΠΉ ΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠΌ Ρ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠΈΡΠΈΠ½ΠΎΠΉ. Π― Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π» ΡΡΠΎ — https://jsfiddle.net/romariokbn/2gm27rv6 / <ul…
ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°Π·Π½ΠΎΡΠ²Π΅ΡΠ½ΡΡ ΡΠ°ΠΌΠΊΡ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ
Π― ΡΠΎΠ·Π΄Π°Π» ΠΌΠ½ΠΎΠ³ΠΎΡΠ²Π΅ΡΠ½ΡΡ ΡΠ°ΠΌΠΊΡ, Π½ΠΎ Π² Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΎΠ½Π° ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ Π² ΠΏΡΠ°Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ, Π° Π½Π΅ ΠΏΠΎΠ΄ ΠΌΠΎΠΈΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ. Π― Ρ ΠΎΡΡ, ΡΡΠΎΠ±Ρ ΡΡΠΎ Π±ΡΠ»ΠΎ ΠΏΠΎΠ΄ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°. ΠΡΠ»ΠΈ Ρ ΡΠ΄Π°Π»ΡΡ…
ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠ΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ JavaScript
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΡΠ°ΠΉΠ» HTML, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠΌΠ΅Π΅Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π½ΡΠΉ ΡΡΠΈΠ»Ρ, ΡΠ°ΠΊ ΡΡΠΎ ΡΠ΅Π³ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΡ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡ ΠΊ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ. <style type=text/css> u { border-bottom: 1px dashed #999; text-decoration: none; }…
ΠΌΠ½ΠΎΠ³ΠΎΠΊΠ°Π½Π°Π»ΡΠ½Π°Ρ Π»ΠΈΠ½ΠΈΡ ΠΏΡΠ½ΠΊΡΠΈΡΠ½Π°Ρ ΠΈΠ»ΠΈ ΠΏΡΠ½ΠΊΡΠΈΡΠ½ΠΎΠΉ ΡΠ΅ΠΊΡΡΠ°-ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ CSS text underline Π΄ΠΎΠΏΡΡΠΊΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΏΠ»ΠΎΡΠ½ΡΡ Π»ΠΈΠ½ΠΈΡ, Π° Π΅Π΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΏΡΡΠΌΠΎ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΡΡΠΎΠΊ, Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ border-bottom ΠΏΠ»ΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΎΡΡΡΡΠΏΠ»Π΅Π½ΠΈΠ΅ Π΄Π»Ρ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΡ ΡΠΎΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ…