Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
border-style nitelik bir elemanın dört sınırın stilini ayarlar. Bu tesis birinden dört değerlere sahip olabilir.
Örnekler:
- border-style:dotted solid double dashed;
- Üst sınır noktalı
- Sağ sınır katıdır
- alt sınır çift
- Sol sınır kesik olduğu
- border-style:dotted solid double;
- Üst sınır noktalı
- Sağ ve sol sınırlar katı
- alt sınır çift
- border-style:dotted solid;
- Üst ve alt sınırlar noktalı vardır
- Sağ ve sol sınırlar katı
- border-style:dotted;
- Dört sınırları noktalı vardır
| Varsayılan değer: | none |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS1 |
| JavaScript sözdizimi: | object .style.borderStyle="dotted double" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: değeri "hidden" IE7 desteklenen ve önceki edilmez. IE8 bir! DOCTYPE gerektirir. IE9 ve daha sonra destek "hidden" .
CSS sözdizimi
border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Mülkiyet Değerler
| değer | Açıklama | Oynat |
|---|---|---|
| none | Varsayılan değer. Hiçbir sınır belirtir | Oynat " |
| hidden | Aynı "none" masa elemanları sınır çatışma çözümü dışında, | Oynat " |
| dotted | noktalı sınır belirler | Oynat " |
| dashed | Bir kesik sınır belirler | Oynat " |
| solid | sağlam sınırını belirler | Oynat " |
| double | Bir çift kenarlık belirtir | Oynat " |
| groove | 3B yivli sınır belirler. etki border-color değerine bağlıdır | Oynat " |
| ridge | 3B çıkıntılı sınırını belirler. etki border-color değerine bağlıdır | Oynat " |
| inset | 3B iç metin sınırını belirler. etki border-color değerine bağlıdır | Oynat " |
| outset | 3B outset sınırını belirler. etki border-color değerine bağlıdır | Oynat " |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun | Oynat " |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Diğer Örnekler
Örnek
bir elemanın her iki tarafında farklı sınırları ayarlayın:
p.one {border-style: dotted solid dashed double;}
p.two {border-style:
dotted solid dashed;}
p.three {border-style: dotted solid;}
p.four
{border-style: dotted;} Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Border
HTML DOM referansı: borderStyle property