CSS Гадна хүрээ
Outline (гадна хүрээ) нь элементийн border-ийн ГАДУУР зурагдах нэмэлт зураас юм.
Border ба Outline-ийн ялгаа
- Outline нь эх бэлтгэлийн хэмжээнд (layout) нөлөөлөхгүй, зай эзэлдэггүй.
- Outline-ийг ихэвчлэн форм дээр фокуслах (button эсвэл input идэвхжихэд) үед онцлоход ашигладаг.
Жишээ
<!DOCTYPE html>
<html>
<head>
<style>
p {
border: 1px solid black;
outline: 3px solid red;
outline-offset: 5px; /* Border ба Outline хоорондох зай */
padding: 10px;
}
</style>
</head>
<body>
<p>Хар хүрээтэй, улаан outline-тай параграф.</p>
</body>
</html>