CONTENT
border
margin
padding
BLOK CHEGARALARINI O‘RNATISH
Bloklar ajralib turishi hamda veb-sahifa dizaynini jozibador qilishi uchun ularga chegara
o‘rnatiladi. CSSda blok chegaralariga stil o‘rnatish uchun bir nechta xususiyatlar mavjud.
border-width
xususiyati blok chegarasi qalinligini o‘rnatadi. Xususiyatning qiymati ma‘lum bir
o‘lchamda (px, pt, sm, em va b.) yoki oldindan belgilangan thin (2px), medium(4px) yoki thick
(6px) qiymatlardan biri yordamida beriladi.
Blok chegaralarining har bir tomoni uchun individual ravishda qiymat berish mumkin:
• border-top-width;
• border-right-width;
• border-bottom-width;
• border-left-width.
Shuningdek, border-width orqali to‘rtta tomon chegara qalinligi uchun turli qiymatlarni berish
mumkin.
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.
|