Muhammad al-Xorazmiy nomidagi Toshkent axborot texnologiyalar universiteti Fan nomi: Web dasturlashga kirish

Margin - Qisqacha(oson) xususiyatilari
Kodni kamaytirish uchun hamma margin xususiyatlarini bitta qilib olish mumkun.
margin quyidagi alohida margin xususiyatlari uchun qisqacha xususiyat hisoblanadi:

• 
  margin-top
  
• 
  margin-right
  
• 
  margin-bottom
  
• 
  margin-left
  

Namuna:
p {
margin: 100px 150px 100px 80px;
}
Bu yerda qanday uni ishlashi
Agar margin xususiyatini 4ta qiymati bo'lsa:
margin: 25px 50px 75px 100px;

1. 
   yuqoridagi margin - 25px
   
2. 
   o'ngdagi margin - 50px
   
3. 
   pastdagi margin - 75px
   
4. 
   chapdagi margin - 100px
   

Agar margin xususiyatini 3ta qiymati bo'lsa:
margin: 25px 50px 75px;

1. 
   yuqoridagi margin - 25px
   
2. 
   o'ngdagi margin - 50px
   
3. 
   pastdagi margin - 75px
   

Agar margin xususiyatini 2ta qiymati bo'lsa:
margin: 25px 50px;

1. 
   yuqoridagi margin - 25px
   
2. 
   o'ngdagi margin - 50px
   

Agar margin xususiyatini 1ta qiymati bo'lsa:
margin: 25px;

1. 
   yuqoridagi margin - 25px
   

auto(avto) qiymatini ishlatilishi
Siz margin xususiyatini autoga konteyneri ichidagi elementni gorizontal ravishda markazga olib kelish uchun o'rnatishingiz mumkin.
Bu element belgilangan kenglikni oladi va bo'sh joy chap va o'ng marginlar o'rtasida teng bo'linadi.
Namuna:
div {
width: 300px;
margin: auto;
border: 1px solid red;
} 
Hamma CSS margin xususiyatlari
Xususiyati Tavsif