Border özelliği

border özelliği, kenarlığın rengini, stilini ve kalınlığını tüm kenarlar için aynı anda belirler. border-width, border-style ve border-color özellikleri için kısaltılmış bir özelliktir. Kısaltılan özelliklerin aksine, 4 kenar için aynı anda farklı kenarlıklar belirleyemez, yalnızca tüm kenarlar için aynı olanı belirleyebilir.

Sözdizimi

cssseçici {
  border: kalınlık stil renk;
}

Özelliklerin sırası önemli değildir.

Örnek

Bir elemana 1px kalınlığında siyah bir kenarlık yapalım:

html<div id="elem"></div>
css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Ayrıca bakınız

  • sol kenarlığı belirleyen border-left özelliği,
  • sağ kenarlığı belirleyen border-right özelliği,
  • üst kenarlığı belirleyen border-top özelliği,
  • alt kenarlığı belirleyen border-bottom özelliği,
  • eleman için bir anahat belirleyen outline özelliği,
  • kenarlığın köşelerini yuvarlayan border-radius özelliği,