Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

CSS hoshiyalar

ULASHISH

CSS chegaralari

CSS chegara xossalari element chegarasining uslubi, kengligi va rangini belgilash imkonini beradi.

Mening har tomondan chegaralarim bor.


Menda qizil pastki chegara bor.


Mening chegaralarim yumaloqlangan.


Menda ko‘k chap chegara bor.

CSS chegara uslubi

border-style xossasi qanday turdagi chegara ko‘rsatilishini belgilaydi.

Quyidagi qiymatlarga ruxsat beriladi:

  • dotted — nuqtali chegara belgilaydi
  • dashed — tirechali chegara belgilaydi
  • solid — uzluksiz chegara belgilaydi
  • double — ikki qatorli chegara belgilaydi
  • groove — 3D o‘yik (groove) chegara belgilaydi. Effekt border-color qiymatiga bog‘liq
  • ridge — 3D qirrali (ridge) chegara belgilaydi. Effekt border-color qiymatiga bog‘liq
  • inset — 3D ichki chegara belgilaydi. Effekt border-color qiymatiga bog‘liq
  • outset — 3D tashqi chegara belgilaydi. Effekt border-color qiymatiga bog‘liq
  • none — chegara belgilamaydi
  • hidden — yashirin chegara belgilaydi

border-style xossasi bir to‘rttagacha qiymatga ega bo‘lishi mumkin (yuqori, o‘ng, pastki va chap chegaralar uchun).

Misol

Turli chegara uslublarining namoyishi:

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

Natija:

A dotted border.

A dashed border.

A solid border.

A double border.

Chuqur chegara. Effekt chegara rangi qiymatiga bog'liq.

Tiz chegarasi. Effekt chegara rangi qiymatiga bog'liq.

Kiritilgan chegara. Effekt chegara rangi qiymatiga bog'liq.

Boshlang'ich chegara. Effekt chegara rangi qiymatiga bog'liq.

No border.

A hidden border.

A mixed border.

O‘zingiz sinab ko‘ring »

Eslatma: border-style xossasi belgilanmaguncha, BOSHQA CSS chegara xossalarining (keyingi boblarda haqida ko‘proq bilib olasiz) HAMMASI HECH QANDAY ta’sir qilmaydi!


‹ OrqagaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish