CSS Marginlar
Marginlar berilgan chegaralarning tashqarisidagi elementlar atrofida bo'sh joy hosil qilish uchun ishlatiladi.
CSS Marginlar
CSSning margin
xususiyatlari elementlar atrofida, belgilangan chegaraning tashqi qismida bo'sh joy hosil qilish uchun ishlatiladi
CSS yordamida marginlarni boshqara olasiz. Elementning har bir tomoni (tepa, o'ng, pastki va chap) uchun alohida margin berish xususiyatlari mavjud.
Margin - Alohida tomonlar
CSS elementning har bir tomoniga margin berish uchun bir nechta xususiyatlarga ega:
margin-top
margin-right
margin-bottom
margin-left
Barcha margin xususiyatlari quyidagi qiymatlarni o'z ichiga oladi:
auto
- marginni brauzerning o'zi hisoblaydilength
- margin qiymatlari px, pt, cm, va hokazolar asosida belgilanadi%
- margin qiymatlarini o'z ichiga olgan elementlarning kengligini % da hisoblaydiinherit
- ota elementdagi qiymatni meros qilib oladi
Maslahat: Negativ qiymatlarga ruxsat beriladi
<p>
elementining barcha tomoniga turli xil margin o'rnatish:
Margin - qisqarma xususiyat
Marginning barcha xususiyatlarini bitta xususiyat ichida bir qatorda yozish mumkin.
margin
xususiyati marginning quyidagi xususiyatlarini qisqartirib bera oladi:
margin-top
margin-right
margin-bottom
margin-left
Ular mana bunday ishlaydi:
Agarda margin
xususiyatida 4 ta qiymat bo'lsa:
margin: 25px 50px 75px 100px;
tepa qism margini 25px
o'ng tomon margini 50px
pastki qism margini 75px
chap tomon margini 100px
margin
qisqartmasini 4 ta qiymat bilan ishlatish:
Agar margin
xususiyatida 3 ta qiymat bo'lsa:
margin: 25px 50px 75px;
tepa qism margini 25px
o'ng va chap tomon margini 50px
pastki qism margini 75px
margin
qisqartmasini 3 ta qiymat bilan ishlatish:
Agar margin
xususiyatida 2 ta qiymat bo'lsa:
margin: 25px 50px;
tepa va pastki qism margini 25px
o'ng va chap tomon margini 50px
margin
qisqartmasini 2 ta qiymat bilan ishlatish:
Agar margin
xususiyatida bitta qiymat bo'lsa:
margin: 25px;
barcha tomonlardagi margin 25px
margin
qisqartmasini 1 ta qiymat bilan ishlatish:
Auto qiymati
Elementni konteyner ichida gorizontal tarzda o'rtaga olib kelish uchun margin xususiyatini avtomati auto qilishingiz mumkin.
Keyin element belgilangan kenglikni egallaydi va qolgan bo'sh joy chap va o'ng narginlar orasida teng ravishda bo'linadi.
margin: auto;
dan foydalanish:
Inherit qiymati
Bu misoldagi <p class="ex1">
elementi ota element hisoblangan <div>
elementidan chap tomon marginining qiymatini meros qilib oladi:
inherit
qiymatidan foydalanish:
Barcha CSS margin xususiyatlari
Last updated