CSS border-width Özelliği
CSS1
Etiketlerin çerçeve kalınlığını belirlemek için kullanılır. Saat yönünde 4 değer alır, yukarı-sağ-aşağı-sol şeklinde. Değerler px, pt, em, cm, % vb. olarak tanımlanır.
Eğer ilk iki değer girilmişse, ilk değer yukarısı ve aşağısı için, ikinci değer sağ ve sol için geçerli olur. Eğer ilk üç değer girilmişse, ilk değer yukarısı, ikinci değer sağ ve sol, üçüncü değer aşağısı için geçerlidir.
Yapısı (Syntax)border-width: <uzunluk> | thin | medium | thick | initial | inherit
| Varsayılan Değer | medium |
| JavaScript Yapısı |
object.style.borderWidth="2px 4px"
|
| Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| uzunluk | px, pt, em, cm. gibi birimlerle kenarlık tanımlanır. | CSS1 |
| thin | İnce boyutta kenarlık tanımlanır. | CSS1 |
| medium | Orta boyutta kenarlık tanımlanır. (Varsayılan) | CSS1 |
| thick | Kalın boyutta kenarlık tanımlanır. | CSS1 |
| initial | Varsayılan değerine geri döndürür. Yani "normal" değerine döner. | CSS1 |
| inherit | Değerini üst öğesinden miras alır. | CSS1 |
Örnekler
h1 başlığının 4 kenarına ince bir kenarlık oluşturur.
h1 { border-style: solid; border-width: thin; }h2 başlığının 4 kenarına 7px değerinde kenarlık oluşturur.
h2 { border-style: solid; border-width: 7px; }h3 başlığının üst ve alt kenarına 7px, sol ve sağ kenarına 4px değerinde kenarlık oluşturur.
h3 { border-style: solid; border-width: 7px 4px; }h4 başlığının üst kenarına kalın, sağ kenarına ince, alt kenarına orta ve sol kenarına 4px değerinde kenarlık oluşturur.
h4 { border-style: solid; border-width: thick thin medium 4px; }