CSS border-style Özelliği
CSS border-style
Cssborder-style
özelliği bir html elemanının kenar çeşidini düzenler.Örnek:
Bu örnekte farklı div kutularına farklıborder-style
değerleri uygulayarak özelliğin etkisini öğreneceğiz. div.none { border-style: none; } div.dotted { border-style: dotted; } div.dashed { border-style: dashed; } div.solid { border-style: solid; } div.double { border-style: double; } div.groove { border-style: groove; } div.ridge { border-style: ridge; } div.inset { border-style: inset; } div.outset { border-style: outset; } div.hidden { border-style: hidden; }
CSS order-style nedir nasıl kullanılır
Css border-style
özelliği bir html elemanının dört kenarına sitil vermemizi sağlayan kısa bir bildirimdir.
-
dotted solid double dashed;
- Üst kenar "noktalı"
- Sağ kenar "sürekli çizgi"
- Alt kenar "çift çizgili"
- Sol kenar "kesikli çizgi"
border-style:dotted solid double;
- Üst kenar "noktalı"
- Sağ ve sol kenar "sürekli çizgi"
- Alt kenar "çift çizgili"
border-style:dotted solid;
- Üst ve alt kenar "noktalı"
- Sağ ve sol kenar "sürekli çizgi"
border-style:solid ;
- Bütün kenarlar "sürekli çizgi"
CSS border-style | CSS border-style özellikleri | |
---|---|---|
Varsayılan Değer: | none | |
Kalıtsallık: | yok | |
Animasyon Özelliği: | yok | |
Versiyon: | CSS1 | |
JavaScript border-style: | object.style.borderStyle="dotted double" |
CSS border-style Tarayıcı Desteği
CSS Kodu: | |||||
---|---|---|---|---|---|
border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS border-style Değerleri
border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Yorumlar
Yorum Gönderme