Outline adalah garis yang ditarik di luar garis batas (border) elemen, untuk membuat elemen "menonjol" atau sebagai indikator fokus navigasi aksesibilitas.
Berbeda dengan border, outline TIDAK memakan ruang tata letak dan tidak mengubah dimensi kotak sama sekali.
<!DOCTYPE html>
<html>
<head>
<style>
.kotak-outline {
border: 2px solid #0d2e5c;
outline: 3px solid #fca311;
outline-offset: 4px;
padding: 15px;
max-width: 300px;
margin: 20px auto;
text-align: center;
}
</style>
</head>
<body>
<div class="kotak-outline">
<p style="margin:0;">Kotak ini memiliki border navy dan outline emas dengan offset 4px.</p>
</div>
</body>
</html>Properti outline-offset memberi jarak pemisah antara garis border dan garis outline.
Apakah garis outline CSS memakan ruang dimensi layout elemen seperti halnya border?