Border-bottom häsiýeti

border-bottom häsiýeti aşaky çygry üçiniň reňkini, görnüşini we galyňlygyny kesgitleýär. border-bottom-width, border-bottom-style we border-bottom-color häsiýetleri üçin gysgaldylan häsiýet bolup hyzmat edýär.

Sintaksis

cssselektory {
  border-bottom: galyňlyk görnüş reňk;
}

Häsiýetleriň tertibiniň aýratynlygy ýokdur.

Mysal

Geliň, elemente 2px galyňlykda gara aşaky çygry dizaýn edeliň:

html<div id="elem"></div>

css#elem {
  border-bottom: 2px solid black;
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат: