CSS outline-style 属性

definisi dan penggunaan

属性 outline-style digunakan untuk menetapkan gaya garis kontur elemen keseluruhan. gaya tidak boleh adalah none, jika demikian, garis kontur tidak akan muncul.

轮廓 (轮廓) adalah garis yang diskibarkan di sekitar elemen, berada di luar pinggir bingkai, dan dapat memunculkan elemen. Properti轮廓 mengatur garis kontur di sekitar elemen.

Keterangan:Selalu deklarasikan properti outline-style sebelum properti outline-color. Elemen hanya dapat mengubah warna kontur setelah mendapatkan kontur.

Keterangan:Garis轮廓 tidak mengambil ruang, dan tidak pasti persegi.

Lihat juga:

Panduan CSS:Gelombang CSS

Panduan CSS:Properti outline

Panduan HTML DOM:Properti outlineStyle

Contoh

Mengatur gaya轮廓:

p
  {
  outline-style:dotted;
  }

Coba sendiri

Sintaksu CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Nilai properti

Nilai Deskripsi
none Default. Mendefinisikan tanpa kontur.
hidden Mendefinisikan kontur tersembunyi.
dotted Mendefinisikan kontur point.
dashed Mendefinisikan kontur dashed.
solid Mendefinisikan kontur solid.
double Mendefinisikan kontur double line. Lebar garis ini setara dengan nilai outline-width.
groove Mendefinisikan kontur concave 3D. Effek ini tergantung dari nilai outline-color.
ridge Mendefinisikan kontur relief concave 3D. Effek ini tergantung dari nilai outline-color.
inset Mendefinisikan kontur concave 3D. Effek ini tergantung dari nilai outline-color.
outset Mendefinisikan kontur relief 3D. Effek ini tergantung dari nilai outline-color.
inherit Pengaturan轮廓样式 seharusnya diwarisi dari elemen induk.

Detil teknis

Nilai default: none
Inheritance: no
Versi: CSS2
Sintaksu JavaScript: object.style.outlineStyle="dotted"

Contoh TIY

Mengatur gaya轮廓
Contoh ini menunjukkan bagaimana mengatur gaya轮廓.

Dukungan peramban

Angka di tabel menunjukkan versi peramban pertama yang mendukung properti ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Keterangan:Jika ada pengaturan !DOCTYPE, maka IE8 mendukung properti outline.