Border-bottom касиети

border-bottom касиети төмөнкү чекана үчүн түсүн, түрүн жана калыңдыгын белгилейт. Бул border-bottom-width, border-bottom-style жана border-bottom-color касиеттери үчүн кыскартылган касиет болуп саналат.

Синтаксис

cssселектор {
  border-bottom: калыңдык түр түс;
}

Маанилердин тартиби мааниге ээ эмес.

Мисал

Элементке 2px калыңдыктагы кара төмөнкү чекана жасайлы:

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

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

Результат: