Outline CSS

Outline adalah garis yang ditarik di luar batas elemen.

Outline CSS

Outline adalah garis yang digambar di sekitar elemen, DI LUAR batas, untuk membuat elemen "menonjol".

CSS memiliki properti outline berikut:

• outline-style
• outline-color
• outline-width
• outline-offset
• outline

Catatan: Outline berbeda dengan border ! Tidak seperti border, outline digambar di luar batas elemen, dan mungkin tumpang tindih dengan konten lainnya. Juga, outline BUKAN merupakan bagian dari dimensi elemen; lebar dan tinggi total elemen tidak dipengaruhi oleh lebar outline.

Outline Style CSS

Properti outline-style menentukan outline style, dan dapat memiliki salah satu dari nilai berikut:

• dotted - Mendefinisikan garis putus-putus
• dashed - Mendefinisikan garis putus-putus
• solid - Mendefinisikan garis yang solid
• double - Mendefinisikan garis besar ganda
• groove - Mendefinisikan garis beralur 3D
• ridge - Mendefinisikan garis bergerigi 3D
• inset - Mendefinisikan garis inset 3D
• outset - Mendefinisikan garis outset 3D
• none - Mendefinisikan tidak ada outline
• hidden - Mendefinisikan garis tersembunyi

Contoh

Mendemonstrasikan outline style yang berbeda:

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;}


Sumber referensi: w3schools.com