CSS border özelliği

Tanım ve kullanım

Border kısaltma özelliği, bir açıklamada tüm kenar çizgisi özelliklerini ayarlar.

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

Bir değer ayarlanmazsa da sorun olmaz, örneğin border:solid #ff0000; da izin verilir.

Daha fazla bilgi için bkz:

CSS eğitimi:CSS kenarlık

HTML DOM referans el kitabı:border özelliği

Örnek

4 adet kenar çizgisi tarzını ayarlayın:

p
  {
  border:5px solid red;
  }

Deneyin

CSS dilbilgisi

border: border-width border-style border-color|initial|devral;

Özellik değeri

Değer Açıklama
border-width Kenar çizgisinin genişliğini belirtir. Bakınız:border-width içerisinde olası değerler.
border-style Kenar çizgisinin tarzını belirtir. Bakınız:border-style içerisinde olası değerler.
border-color Kenar çizgisinin rengini belirtir. Bakınız:border-color içerisinde olası değerler.
devral Border özelliğinin ayarlarını ebeveyn elemanından devralması gerektiğini belirtir.

Teknik ayrıntılar

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

Daha fazla örnek

Tüm kenar çizgisi özellikleri bir açıklamada
Bu örnek, tüm dört kenar çizgisi özelliğini aynı açıklamada ayarlamak için kısaltma özelliklerini kullanmayı göstermektedir.

Tarayıcı desteği

Tablodaki rakamlar, 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 1.0 3.5