CSS Гадна зааг

Margin (гадна зай) нь элементийн хүрээний ГАДНА талд хоосон зай үүсгэн, бусад элементүүдээс түлхэж заглахад хэрэглэгдэнэ.

Хураангуй бичиглэлийн дүрмүүд

margin: 10px 20px 30px 40px; — Дээд | Баруун | Доод | Зүүн (цагийн зүүний дагуу)
margin: 10px 20px; — [Дээд+Доод: 10px] [Баруун+Зүүн: 20px]
margin: 0 auto; — элементийг эцэг контейнерийн голд байрлуулахад ашигладаг.

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
div.box {
    width: 200px;
    background-color: #e2e8f0;
    padding: 10px;
}
div.centered {
    width: 200px;
    margin: 20px auto;
    background-color: #bfdbfe;
    padding: 10px;
}
</style>
</head>
<body>
<div class="box">Ердийн margin-тай хайрцаг</div>
<div class="centered">margin: auto ашиглан голлуулсан хайрцаг</div>
</body>
</html>

Туршиж үзэх »