Border касиети

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

Синтаксис

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

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

Мисал

Келгиле, элементке 1px калыңдыктагы кара чек коёлу:

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

#elem {
	border: 1px solid black;
	width: 300px;
	height: 100px;
}

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

border-left касиети,
сол чекти белгилейт
border-right касиети,
оң чекти белгилейт
border-top касиети,
үстүнкү чекти белгилейт
border-bottom касиети,
төмөнкү чекти белгилейт
outline касиети,
элементке рамка белгилейт
border-radius касиети,
чектин бурчтарын тегеректеп коёт