Properti outline-offset menambahkan spasi antara garis dan tepi / batas elemen. Ruang antara elemen dan outlinenya transparan.
Contoh :
<!DOCTYPE html> <html> <head> <style> p { margin: 30px; border: 1px solid black; outline: 1px solid red; outline-offset: 15px; } </style> </head> <body> <h2> Properti outline-offset </h2> <p> Paragraf ini memiliki garis luar 15px di luar tepi perbatasan. </p> </body> </html>
Contoh berikut menunjukkan bahwa ruang antara elemen dan outlinenya transparan:
Contoh :
<!DOCTYPE html>
<html>
<head>
<style>
p {
margin: 30px;
background:yellow;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}
</style>
</head>
<body>
<h2> Properti outline-offset </h2>
<p> Paragraf ini memiliki garis luar 15px di luar tepi border. </p>
</body>
</html>
| Properti | Deskripsi |
|---|---|
| outline | Properti singkatan untuk menyetel outline-width, outline-style, and outline-color dalam satu deklarasi |
| outline-color | Mengatur warna outline |
| outline-offset | Menentukan ruang antara outline dan tepi atau border elemen |
| outline-style | Mengatur gaya outline |
| outline-width | Mengatur lebar ouline |