Yazar: Merhaba değerli okurlarım!
bu yazımda sizlere css nin border-style özelliğinden bahsedeceğim.
border etiketi bir html dosyasının çerçeve ve sınır çizgilerini belirleyen bir etikettir.
css’de border-style etiketini kullanmaktayız.
istersek farklı parametrelerle çizgileri şekillendirebiliriz.
border-style etiketinin alabildiği parametrelere bakalım birlikte.
dotted – Noktalı çizgi
dashed – Kesik çizgilerden oluşan çizgi
solid – Düz çizgi
double – Çift çizgi
groove – 3 boyutlu oluklu çizgi. Bu efekt border rengine göre ortaya çıkar.
ridge – Çıkıntılı çizgi. Bu efekt border rengine göre ortaya çıkar.
inset – İçe doğru 3 boyutlu görünen çizgi. Bu efekt border rengine göre ortaya çıkar.
outset – Dışa doğru 3 boyutlu çizgi. Bu efekt border rengine göre ortaya çıkar.
none – Kenar çizgisi yok
hidden- Gizli kenar çizgisi
şimdi basit bir örnek yapalım.
<h2>border-style Özelliği</h2>
<p>Border yani sınır / kenar çizgisinin nasıl görüntüleneceğini belirler:</p>
<p style=”border-style: dotted;”>dotted </p>
<p style=”border-style: dashed;”>dashed</p>
<p style=”border-style: solid;”>solid</p>
<p style=”border-style: double;”>double</p>
<p style=”border-style: groove;”>groove</p>
<p style=”border-style: ridge;”>ridge</p>
<p style=”border-style: inset;”>inset</p>
<p style=”border-style: outset;”>outset</p>
<p style=”border-style: none;”>Border yok</p>
<p style=”border-style: hidden;”>Gizli border</p>
<p style=”border-style: dotted dashed solid double;”>Karışık border</p>
bu örnek ile border-style etiketinin alabileceği parametrelerin nasıl kullanılacağını sizlere göstermek istedim.
border-style etiketi ile ilgili söyleyeceklerim bu kadardı. yorumlarınızı yazımın altına yapabilirsiniz.
kolay gelsin.
iyi bloglamalar herkese.
Bir önceki yazımız olan css font özellikleri başlıklı makalemizde css font, css font özellikleri ve css font parametreleri hakkında bilgiler verilmektedir.