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önder