CSS Хүрээ

border шинж чанар нь элементийн эргэн тойронд хүрээ зурахад хэрэглэгдэнэ.

Үндсэн шинжүүд

border-style — хүрээний зураасан хэлбэр: solid (үргэлжилсэн), dashed (тасархай), dotted (цэглэсэн), double (давхар).
border-width — хүрээний зузаан, жишээ нь 2px.
border-color — хүрээний өнгө.
border-radius — хүрээний өнцгийг дугуйруулах, жишээ нь border-radius: 8px;.

Хураангуй бичиглэл (Зузаан | Хэлбэр | Өнгө): border: 2px solid #2563eb;

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
div {
    border: 2px solid #2563eb;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px;
}
div.dashed {
    border: 3px dashed tomato;
}
</style>
</head>
<body>
<div>Дугуй өнцөгтэй хатуу хүрээ</div>
<div class="dashed">Тасархай хүрээ</div>
</body>
</html>

Туршиж үзэх »