Border-bottom-width касиети

border-bottom-width касиети жогорку чек арасынын калыңдыгын белгилейт. Касиеттин мааниси катары пайыздардан башка олчом бирдиктери же thin (2 пиксел чек арасы), medium (4 пиксел чек арасы) же thick (6 пиксел чек арасы) ачкыч сөздөрү колдонулат. Демейки маани: medium.

Синтаксис

cssтандоочу {
  border-bottom-width: маани;
}

Мисал

Төмөнкү чек аранын калыңдыгын бир пиксел кылып белгилейли:

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

Результат:

Ошондой эле караңыз

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