Properti outline-color CSS

Definisi dan Penggunaan

Garis ganda (outline) adalah garis yang disewaktu di sekeliling elemen, di luar permukaan border, dan dapat berfungsi untuk menonjolkan elemen. Atribut outline dapat menata garis ganda di sekeliling elemen.

Keterangan:Selalu deklarasikan atribut outline-style sebelum outline-color. Elemen hanya dapat mengubah warna garis gandanya setelah mendapatkan garis ganda.

Keterangan:Garis ganda tidak mengambil ruang dan tidak pasti berbentuk segi empat

Atribut outline-color menata warna bagian yang terlihat dari garis ganda elemen. Ingat, gaya garis ganda tidak boleh adalah none, karena garis ganda tidak akan muncul jika gaya itu digunakan.

Lihat Juga:

Panduan CSS:Garis kontur CSS

Panduan CSS:Atribut outline

Panduan HTML DOM:Atribut outlineColor

Contoh

Mengatur warna garis ganda untuk garis ganda titik:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Coba Sendiri

Syntaks CSS

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

Nilai atribut

Nilai Deskripsi
nama_warna Diatur warna garis ganda menjadi nama warna (contoh red).
nomor_hex Diatur warna garis ganda menjadi nilai heksadesimal (contoh #ff0000).
nomor_rgb Diatur warna garis ganda menjadi kode rgb (contoh rgb(255,0,0)).
terbalik Standar. Melakukan pengalihan warna (warna terbalik). Dapat membuat garis ganda terlihat di latar belakang warna yang berbeda.
mewarisi Diatur untuk menerima pengaturan warna garis ganda dari elemen induk.

Detil teknis

Nilai standar: terbalik
Keretahan: tidak
Versi: CSS2
Syntaks JavaScript: objek.style.outlineColor="#0000FF"

Coba Sendiri Instansiasi

Mengatur warna garis ganda
Contoh ini menunjukkan bagaimana mengatur warna garis ganda.

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 ditentukan !DOCTYPE, maka IE8 mendukung atribut garis ganda.