hr Etiketi
hr etiketi, ayırıcı yatay bir çizgi
belirler. Bu etiketin avantajı, tek bir çizgi
çizmek için gereksiz bloklar oluşturmaya
gerek olmamasıdır. Kapanış etiketi
gerektirmez.
Örnek
hr etiketinin nasıl çalıştığına bir bakalım:
<hr>
:
Örnek
CSS border-color özelliği ile
çizginin rengini değiştirmeyi deneyelim:
<hr style="border-color: red;">
:
Örnek
Çizginin rengi, color
özelliği ile de değiştirilebilir
(bu durumda, hem color hem de
border-color
özellikleri aynı anda belirlenmişse - ikincisi önceliklidir):
<hr style="color: red">
:
Örnek
Şimdi çizginin rengini CSS
border özelliği ile
değiştirelim.
Bu durumda çizginin çift kalınlıkta olacağına
dikkat edin (çünkü hem üst hem de alt kenarlık
belirledik):
<hr style="border: 1px solid red;">
:
Örnek
CSS border-top özelliği ile
çizginin rengini değiştirmeyi deneyelim ve
sadece üst kenarlığı belirleyelim. Artık
çift çizgi olmayacak:
<hr style="border-top: 1px solid red;">
:
Örnek
CSS border-top özelliği ile,
solid yerine dotted değerini belirleyerek
noktalı bir çizgi yapalım:
<hr style="border-top: 1px dotted red;">
:
Örnek
CSS border-width özelliği ile
çizginin kalınlığını artıralım:
<hr style="border-width: 10px; border-color: red;">
:
Örnek
Şimdi çizgiye height ile yükseklik
ve border ile kenarlık ekleyelim.
Kenarlık bu durumda üst ve alt olarak ikiye ayrılacak:
<hr style="height: 10px; border: 1px solid red;">
:
Ayrıca Bakınız
-
yeni satıra geçişi belirleyen
bretiketi
