CSS border-left özelliği

Tanım ve Kullanım

border-left özelliği, sol çerçevenin tüm özelliklerini bir bildiride birleştirir.

Aşağıdaki özellikleri sırayla ayarlayabilirsiniz:

Eğer bu değerlerden biri ayarlanmazsa, sorun olmaz, örneğin border-left:solid #ff0000; da izin verilir.

Ayrıca bakınız:

CSS Eğitim Seti:CSS kenarlık

HTML DOM Referans Kılavuzu:borderLeft Özelliği

Örnek

Sol çerçevenin tarzını ayarlayın:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Kişisel Deneyim

CSS Dilbilgisi

border-left: border-width border-style border-color|initial|inherit;

Özellik Değeri

Değer Açıklama
border-left-width Sol çerçevenin genişliğini belirtir. Bakınız:border-left-width içerisindeki olası değerler.
border-left-style Sol çerçevenin tarzını belirtir. Bakınız:border-left-style içerisindeki olası değerler.
border-left-color Sol çerçevenin rengini belirtir. Bakınız:border-left-color içerisindeki olası değerler.
inherit Baba elemanın border-left özelliği ayarlarını devralması gerektiğini belirtir.

Teknik Açıklamalar

Öntanımlı Değer: belirtilmemiş
Devralabilirlik: hayır
Sürüm: CSS1
JavaScript Dilbilgisi: object.style.borderLeft="3px solid blue"

Daha fazla örnek

Tüm sol çerçeve özellikleri bir bildiride bulunmaktadır
Tüm sol çerçeve özellikleri bir bildiride bulunmaktadır

Tarayıcı Destek

Tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 3.5 1.0

Açıklama:IE7 ve daha eski tarayıcılar "inherit" değeri desteklememektedir. IE8 için !DOCTYPE gereklidir. IE9 "inherit" değerini destekler.