Hr тегі
hr тегі көлденең бөліп көрсету сызығын
белгілейді. Тегтің артықшылығы - бір сызық сызу
үшін артық блоктар құрудың қажеті жоқ. Жабу тегі
қажет емес.
Мысал
hr тегінің қалай жұмыс істейтінін қарап көрейік:
<hr>
:
Мысал
CSS-тің border-color
қасиеті арқылы сызық түсін өзгертуге тырысайық:
<hr style="border-color: red;">
:
Мысал
Сызық түсін color
қасиеті арқылы да өзгертуге болады
(бұл ретте, егер color және border-color
қасиеттері бір мезгілде берілсе - екіншісі басым болады):
<hr style="color: red">
:
Мысал
Енді сызық түсін CSS-тің border
қасиеті арқылы өзгертейік.
Назар аударыңыз, бұл ретте сызық
қос қалыңдықта болады (себебі біз
жоғарғы және төменгі шекараны белгіледік):
<hr style="border: 1px solid red;">
:
Мысал
CSS-тің border-top
қасиеті арқылы сызық түсін өзгертуге тырысайық,
және тек жоғарғы шекараны белгілейік. Енді
қос сызық болмайды:
<hr style="border-top: 1px solid red;">
:
Мысал
CSS-тің border-top
қасиеті арқылы сызықты нүктелер түрінде жасайық,
solid орнына dotted мәнін белгілейік:
<hr style="border-top: 1px dotted red;">
:
Мысал
CSS-тің border-width
қасиеті арқылы сызық қалыңдығын арттырайық:
<hr style="border-width: 10px; border-color: red;">
:
Мысал
Енді сызыққа height
биіктігі мен border
арқылы шекараны қосамыз.
Шекара бұл ретте жоғарғы және төменгіге бөлінеді:
<hr style="height: 10px; border: 1px solid red;">
:
Сондай-ақ қараңыз
-
brтегі,
ол жаңа жолға көшуді белгілейді
