Garis Besar CSS
Garis besar adalah garis yang ditarik di luar batas elemen.
Garis Besar CSS
Garis besar adalah garis yang digambar di sekitar elemen, DI LUAR perbatasan, untuk membuat elemen "menonjol".
CSS memiliki properti garis besar berikut:
-
outline-style
-
outline-color
-
outline-width
-
outline-offset
-
outline
Catatan: Garis besar berbeda dari batas ! Tidak seperti batas, kerangka digambar di luar batas elemen, dan mungkin tumpang tindih dengan konten lain. Juga, garis besar BUKAN merupakan bagian dari dimensi elemen; lebar dan tinggi total elemen tidak terpengaruh oleh lebar kerangka.
Gaya Garis Besar CSS
Properti outline-style
menentukan gaya kerangka, dan dapat memiliki salah satu nilai berikut:
dotted
- Mendefinisikan garis putus-putusdashed
- Mendefinisikan garis putus-putussolid
- Mendefinisikan garis besar yang soliddouble
- Mendefinisikan garis gandagroove
- Defines a 3D grooved outlineridge
- Defines a 3D ridged outlineinset
- Defines a 3D inset outlineoutset
- Defines a 3D outset outlinenone
- Defines no outlinehidden
- Defines a hidden outline
The following example shows the different outline-style
values:
Example
Demonstration of the different outline styles:
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}
Result:
A dotted outline.
A dashed outline.
A solid outline.
A double outline.
A groove outline. The effect depends on the outline-color value.
A ridge outline. The effect depends on the outline-color value.
An inset outline. The effect depends on the outline-color value.
An outset outline. The effect depends on the outline-color value.
Note: None of the other outline properties (which you will learn more about in the next chapters) will have ANY effect unless the
outline-style
property is set!