CSS border-width Özellik
Örnek
Kenarlıklar için bir genişlik belirleyin:
div {border-width: thin;}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Özellik border-width
, bir öğenin dört kenarlığının genişliğini ayarlar. Bu özellik bir ila dört değere sahip olabilir.
Örnekler:
- sınır genişliği: ince orta kalınlıkta 10 piksel;
- üst kenarlık ince
- sağ kenarlık orta
- alt kenarlık kalın
- sol kenarlık 10 piksel
- kenar genişliği: ince orta kalınlıkta;
- üst kenarlık ince
- sağ ve sol kenarlıklar orta
- alt kenarlık kalın
- sınır genişliği: ince ortam;
- üst ve alt kenarlıklar ince
- sağ ve sol kenarlıklar orta
- sınır genişliği: ince;
- dört sınırın hepsi ince
Not: Border-style özelliğini her zaman özellikten önce border-width
bildirin. Genişliği ayarlayabilmeniz için bir öğenin kenarlıkları olmalıdır.
Varsayılan değer: | orta |
---|---|
Miras: | Hayır |
canlandırılabilir: | Evet. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS1 |
JavaScript sözdizimi: | nesne .style.borderWidth="1px 5px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Sözdizimi
border-width: medium|thin|thick|length|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
medium | Specifies a medium border. This is default | |
thin | Specifies a thin border | |
thick | Specifies a thick border | |
length | Allows you to define the thickness of the border. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Daha fazla örnek
Örnek
Kenarlıkların genişliğini orta olarak ayarlayın:
div {border-width: medium;}
Örnek
Kenarlıkların genişliğini kalın olarak ayarlayın:
div {border-width: thick;}
Örnek
Kenarlıkların genişliğini 1 piksele ayarlayın:
div {border-width: 1px;}
Örnek
Kenarlıkların genişliğini 15 piksele ayarlayın:
div {border-width: 15px;}
Örnek
Üst ve alt sınırların genişliğini 10 piksele ve sol ve sağ kenarların genişliğini 1 piksele ayarlayın:
div {border-width: 10px 1px;}
İlgili Sayfalar
CSS eğitimi: CSS Sınırı
HTML DOM referansı: borderWidth özelliği