border-left
Özelliği Temel Özellikler
- CSS Yazımı :
border-left: <genişlik> <renk> <desen>
- Örnek :
border-left: 1px solid #cCc;
|border-left: 3px dotted black;
- Öntanımlı Değer :
-
border-left-width
Özelliği- Sol çerçeve genişliği,
medium
border-left-style
Özelliği- Sol çerçeve deseni,
none
border-left-color
Özelliği- Sol çerçeve rengi,
currentColor
- Uygulanabilen Etiketler :
- Tüm Etiketler.
::first-letter
ögesine de uygulanabilir. - Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Destekleniyor (
border-left-style
Özelliği dışında)animation
Özelliği - Javascript :
öge.style.borderLeft = "2px groove #aa0000";
- Sürüm :
- CSS1 / CSS2 (düz. 1) / CSS Backgrounds and Borders Module Level 3
- Açıklama :
border-left
Özelliği Kullanımı
Markanız için 300X300 alan.
CSS border-left
özelliği; sol çerçevenin kısaltmasıdır ve çerçevenin genişliğini, desenini, ve rengini tanımlar. Üç değerli yazım herhangi bir sırayla yapılabildiği gibi iki değer girilmeyebilir de.
border-left: 1px;
border-left: 1px solid;
border-left: medium dashed blue;
border-bottom-style
özelliği gibi bir özellik tanımlandıktan sonra kısaltması o özellik olmadan tanımlanıyorsa özellik öntanımlı değerini tutar. Yani tanımlama yapılırken sıralama önemlidir.
Aşağıdaki iki örnek birbirlerine denktir :
border-bottom-style: solid;
border-left: thick black;
border-bottom-style: solid;
border-left: none thick black;
border-left
Özelliği Tarayıcı Desteği
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 1 | 3.5 | 1 | 1 | 4 |
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 4 | Var | Var | ? | ? |
İlişkili Özellikler
border
Özelliği- Çerçeveyi belirler.