221
border-width: 2px 1px 1px 2px;
Bunda
chegara qiymatlari soat
strelkasi bo‘yicha beriladi: yuqori,
o‘ng, past va chap.
border-style
xususiyati yordamida blok chegarasi stilini
o‘rnatish mumkin. Xususiyat quyidagi qiymatlarni qabul qilishi
mumkin: solid, dotted, dashed, double, groove, ridge, inset,
outset va hidden/none (chegara ko‘rsatilmagan).
Shuningdek, blok chegaralari qalinligi
kabi har bir tomon
uchun individual ravishda stil berish mumkin:
• border-top-style;
• border-left-style;
• border-right-style;
• border-bottom-style
yoki
• border-style: solid dotted dashed double.
p.one {
border-width
:
3px
;
border-style
:
solid
; }
p.
one
{
border-width
:
medium
;
border-style
:
solid dotted dashed double
; }
NATIJA
CSS
class
="
one
">
CSS – bu stillar jadvali.
class
="
two
">
CSS – bu stillar jadvali.
HTML
CSS — bu stillar jadvali.
CSS — bu stillar jadvali.
Border-color
xususiyati blok chegarasi rangini o‘rnatadi. Chegara rangi rgb,
hsl qiymatlari,
rang nomi, hex o‘n oltilik kodlar yordamida berilishi mumkin.
Blokning turli tomonlaridagi chegara ranglarini alohida boshqarish mumkin:
• border-top-color;
• border-right-color;
• border-bottom-color;
• border-left-color
yoki
• border-color: darkcyan deeppink darkcyan deeppink.
