Giriş yap

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

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; }

onuralpkaratas
135 gün önce eklendi.
Github'da Düzenle
Önemli Başlıklar