border-bottom-style касиети

border-bottom-style касиети төмөнкү чек аранын стилин белгилейт. Касиеттин мааниси border-style касиетиндегидей эле маанилер болот.

Синтаксис

селектор {
	border-bottom-style: маани;
}

Мисал

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

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

#elem {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: black;
	
	background: #f9f9f9;
	width: 300px;
	height: 100px;
}

Дагы караңыз

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