Хосияти 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,
ки гӯшаҳои ҳудудро гирд мекунад