Ciri outline-style
Ciri outline-style menetapkan gaya
garis besar luaran - sempadan yang tidak mengambil
ruang.
Sintaks
pemilih {
outline-style: nilai;
}
Nilai
| Nilai | Keterangan |
|---|---|
solid |
Garis padat. |
dotted |
Garis besar berupa titik-titik. |
dashed |
Garis besar berupa sengkang. |
ridge |
Garis besar berupa garis timbul. |
double |
Garis besar berupa garis berganda.
Untuk melihat kesannya, ketebalan sempadan mestilah sekurang-kurangnya 3px.
|
groove |
Garis besar tenggelam. |
inset |
Garis besar terbenam. |
outset |
Garis besar terkeluar. |
none |
Tiada sempadan. |
Nilai lalai: none.
Contoh . Nilai solid
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: solid;
outline-color: black;
width: 300px;
height: 100px;
}
:
Contoh . Nilai dotted
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dotted;
outline-color: black;
width: 300px;
height: 100px;
}
:
Contoh . Nilai dashed
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dashed;
outline-color: black;
width: 300px;
height: 100px;
}
:
Contoh . Nilai ridge
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: ridge;
outline-color: black;
width: 300px;
height: 100px;
}
:
Contoh . Nilai double
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: double;
outline-color: black;
width: 300px;
height: 100px;
}
:
Contoh . Nilai groove
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: groove;
outline-color: black;
width: 300px;
height: 100px;
}
:
Contoh . Nilai inset
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: inset;
outline-color: black;
width: 300px;
height: 100px;
}
:
Contoh . Nilai outset
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: outset;
outline-color: black;
width: 300px;
height: 100px;
}
:
Lihat juga
-
ciri
outline-color,
yang menetapkan warna garis besar -
ciri
outline-width,
yang menetapkan ketebalan garis besar -
ciri
outline,
yang merupakan ciri singkatan untuk garis besar -
ciri
outline-offset,
yang menetapkan ofset garis besar