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