HTML Kenarlık Oluşturma
HTML de herhangi bir yazı ya da resmin etrafına kenarlık ekleyebiliriz. Bunun için border komutu kullanılır. Bu komutun 3 niteliği vardır. Bunları inceleyelim:
border: Çizgiboyutu Çizgideseni Çizgirengi;
Şimdi bir örnek yaparak daha kolay anlaşılmasını sağlayalım.
<html> <head></head> <body> <p style="border:5px solid black;">deneme yazisi</p> </body> </html>
Çizgi desenini değiştirmek istiyorsanız aşağıdakilerden herhangi birini seçebilirsiniz.
- Solid : Düz Çizgi
- Dotted : Noktalı Çizgi
- Dashed : Kesikli Çizgi
- Double : Çift Çizgi
Hemen bir örnek yaparak pekiştirelim.
<html> <head></head> <body> <p style="border:5px solid black;">Düz çizgi</p> <p style="border:5px dotted black;">Noktalı çizgi</p> <p style="border:5px dashed black;">Kesik çizgi</p> <p style="border:5px double black;">Çift çizgi</p> </body> </html>
Eğer bütün kenarların aynı olmamasını istiyorsanız yada herhangi bir kenara kenarlık vermek istiyorsanız border ile hangi kenara kenarlık ekleyecekseniz o kenarın adını yazmanız gerekmektedir.
- border-left: Sol kenarlık
- border-right: Sağ kenarlık
- border-bottom: Alt kenarlık
- border-top: Üst kenarlık
Bunla ilgili de bir örnek yaparak kolayca anlaşılmasını sağlayalım.
<html> <head></head> <body> <p style="border-left:5px dotted black;">Yazının solunda kenarlık</p> <p style="border-top:5px dashed black;border-bottom:3px solid red;">Yazının altında ve üstünde kenarlık</p> <p style="border-right:5px double black;">Yazının sağında kenarlık</p> </body> </html>
