Properti outline
Properti outline mengatur warna, tipe,
dan ketebalan untuk garis luar (batas yang
tidak memakan ruang) untuk semua sisi secara bersamaan,
tetapi berbeda dengan border,
batas seperti itu tidak memperluas elemen.
Merupakan properti singkatan untuk outline-width,
outline-style
dan outline-color
(tetapi bukan untuk outline-offset).
Sintaksis
selektor {
outline: ketebalan tipe warna;
}
Urutan properti nilainya tidak penting.
Contoh . Hanya outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Contoh . Properti outline dan border bersama
Batas dari outline akan berada di luar, sedangkan batas
dari border - di dalam:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Lihat juga
-
properti
outline-offset,
yang mengatur pergeseran garis