Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

Matn bezagi uslublari

ULASHISH

Bezak chizig‘i uchun uslub belgilash

CSS text-decoration-style xossasi dekoratsiya chizig‘i uslubini belgilaydi.

Bu xossa quyidagi qiymatlardan biriga ega bo‘lishi mumkin:

  • solid - Default value. Single line
  • double - Double line
  • dotted - Dotted line
  • dashed - Dashed line
  • wavy - Wavy line

Misol

Dekoratsiya chizig‘i uchun turli uslublar qo‘shish:

h1 {
  text-decoration-line: underline;
  text-decoration-style: solid;
}

h2 {
  text-decoration-line: underline;
  text-decoration-style: double;
}

h3 {
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

p.ex1 {
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

p.ex2 {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

p.ex3 {
  text-decoration-line: underline;
  text-decoration-color: red;
  text-decoration-style: wavy;
}
O‘zingiz sinab ko‘ring »

Bezak chizig‘i qalinligini belgilash

CSS text-decoration-thickness xossasi dekoratsiya chizig‘i qalinligini belgilash uchun ishlatiladi.

Misol

Dekoratsiya chizig‘i uchun turli qalinliklar qo‘shish:

h1 {
  text-decoration-line: underline;
  text-decoration-thickness: auto;
}

h2 {
  text-decoration-line: underline;
  text-decoration-thickness: 5px;
}

h3 {
  text-decoration-line: underline;
  text-decoration-thickness: 25%;
}

p {
  text-decoration-line: underline;
  text-decoration-color: red;
  text-decoration-style: double;
  text-decoration-thickness: 5px;
}
O‘zingiz sinab ko‘ring »

Qisqartma xossasi

CSS text-decoration xossasi quyidagilar uchun qisqartma xossadir:

Misol

h1 {
  text-decoration: underline;
}

h2 {
  text-decoration: underline red;
}

h3 {
  text-decoration: underline red double;
}

p {
  text-decoration: underline red double 5px;
}
O‘zingiz sinab ko‘ring »

Havolalar bo‘yicha kichik maslahat

HTML’dagi barcha havolalar standart holatda tagiga chizilgan. Ba’zan havolalar taggi chiziqsiz ushlanganini ko‘rasiz. text-decoration: none; havolalardan taggi chiziqni olib tashlash uchun ishlatiladi, quyidagicha:

Misol

a {
  text-decoration: none;
}
O‘zingiz sinab ko‘ring »

‹ OrqagaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish