CSS balandlik va kenglik

CSS height va width xossalari element balandligi va kengligini belgilash uchun ishlatiladi.

Bu elementning balandligi 70 piksel, kengligi esa 100%.

CSS bilan height va width belgilash

height va width xossalari element balandligi va kengligini belgilash uchun ishlatiladi.

height va width padding, chegaralar yoki marginlarni o‘z ichiga olmaydi. U elementning padding, chegara va margini ichidagi maydon balandligi va kengligini belgilaydi.

CSS height va width qiymatlari

height va width xossalari quyidagi qiymatlarga ega bo‘lishi mumkin:

auto — bu standart. Brauzer balandlik va kenglikni hisoblaydi
length — balandlik yoki kenglikni px, cm, em va h.k. belgilaydi
% — balandlik yoki kenglikni o‘z ichiga oluvchi blok foizida belgilaydi
initial — balandlik yoki kenglikni standart qiymatiga o‘rnatadi
inherit — balandlik yoki kenglik ota qiymatidan meros oladi

CSS height va width misollari

Bu elementning balandligi 200 piksel, kengligi esa 50%

Misol

<div> elementining balandligi va kengligini belgilash:

div {
height: 200px;
width: 50%;
background-color: powderblue;
}

O‘zingiz sinab ko‘ring »

Bu elementning balandligi 100 piksel, kengligi esa 500 piksel.

Misol

Boshqa <div> elementining balandligi va kengligini belgilash:

div {
height: 100px;
width: 500px;
background-color: powderblue;
}

O‘zingiz sinab ko‘ring »

Eslatma: height va width xossalari padding, chegaralar yoki marginlarni o‘z ichiga olmasligini eslab turing! Ular elementning padding, chegara va margini ichidagi maydon balandligi/kengligini belgilaydi!

O‘zingiz sinab ko‘ring — Misollar

Elementlarning balandligi va kengligini belgilash
Ushbu misol turli elementlarning balandligi va kengligini qanday belgilashni ko‘rsatadi.

Rasm balandligi va kengligini foiz yordamida belgilash Bu misol rasmning balandligi va kengligini foiz qiymat yordamida belgilashni ko‘rsatadi.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish