CSS border Özelliği
CSS1
border özelliği, elementlerimize kenarlık vermek için kullanılır.
Yapısı (Syntax)border: width | style | color;
| Varsayılan Değer | medium, none, color |
| JavaScript Yapısı |
object.style.border="1px solid red"
|
| Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| width | Kenarlığın genişliğini belirtir. Varsayılan değer, 'medium' | CSS1 |
| style | Kenarlığın stilini belirtir. Varsayılan değer, 'none' | CSS1 |
| color | Kenarlığın rengini belirtir. Varsayılan değer, metnin rengidir. | CSS1 |
Örnekler
h1 başlığına 7px genişliğinde düz kırmızı çizgi şeklinde kenarlık oluşturur.
h1 { border: 7px solid red; }h2 başlığına 4px genişliğinde noktalı mavi çizgi şeklinde kenarlık oluşturur.
h2 { border: 4px dotted blue; }h3 başlığına 2px genişliğinde kesik mavi çizgi şeklinde kenarlık oluşturur.
h3 { border: 2px dashed orange; }