Atribut outline-style CSS

Definisi dan penggunaan

Atribut outline-style digunakan untuk menetapkan gaya garis luar elemen seluruhnya. Gaya harusnya bukan none, jika tidak, garis luar tidak akan muncul.

轮廓 (garis kontur) adalah garis yang disewaktu di sekitar elemen, di luar边缘 dari garis bingkai, yang dapat berfungsi untuk menonjolkan elemen. Atribut轮廓 mengatur garis kontur di sekitar elemen.

Keterangan:Jadilah selalu mengumumkan atribut outline-style sebelum atribut outline-color. Elemen hanya dapat mengubah warna kontur setelah mendapatkan kontur.

Keterangan:Garis kontur tidak mengambil ruang dan tidak tentu segi empat.

Lihat juga:

Panduan CSS:Garis kontur CSS

Panduan CSS:Atribut轮廓

Panduan HTML DOM:Atribut outlineStyle

Contoh

Mengatur gaya轮廓:

p
  {
  outline-style:dotted;
  }

Coba Sendiri

Syarat CSS

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

Nilai atribut

Nilai Deskripsi
none Default. Mendefinisikan tanpa kontur.
hidden Mendefinisikan garis kontur tersembunyi.
dotted Mendefinisikan garis kontur titik.
dashed Mendefinisikan garis kontur garis ganda.
solid Mendefinisikan garis kontur garis tebal.
double Mendefinisikan garis kontur garis ganda. Lebar garis ganda setara dengan nilai outline-width.
groove Mendefinisikan garis kontur concave 3D. Effek ini tergantung dari nilai outline-color.
ridge Mendefinisikan garis kontur groove 3D. Effek ini tergantung dari nilai outline-color.
inset Mendefinisikan garis kontur concave 3D. Effek ini tergantung dari nilai outline-color.
outset Mendefinisikan garis kontur relief 3D. Effek ini tergantung dari nilai outline-color.
inherit Dinyatakan bahwa pengaturan gaya轮廓 harus diwariskan dari elemen orangtua.

Detil teknis

Nilai default: none
Inheritsi: no
Versi: CSS2
Syarat JavaScript: object.style.outlineStyle="dotted"

TIY Contoh

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

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

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

Keterangan:Jika disetel !DOCTYPE, IE8 mendukung atribut outline.