CSS outline-color 属性

Definisi dan penggunaan

Kaedah (kaedah) adalah garis yang disebutkan di sekeliling elemen, berada di luar permukaan penutup, dapat berfungsi untuk menonjolkan elemen. Properti kaedah dapat menetapkan garis kaedah di sekeliling elemen.

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

Keterangan:Garis kaedah tidak mengambil ruang, dan tidak pasti berbentuk persegi.

Properti outline-color menetapkan warna bagian yang terlihat di sekeliling elemen. Ingat, gaya kaedah tidak boleh none, atau kaedah tidak akan muncul.

Lihat juga:

Panduan CSS:Bentuk CSS

Panduan CSS:Properti outline

Panduan HTML DOM:Properti outlineColor

Contoh

Atur warna kaedah titik:

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

Coba sendiri

Sintaksu CSS

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

Nilai properti

Nilai Deskripsi
color_name Ditetapkan warna kaedah yang berupa nama warna (contoh red).
hex_number Ditetapkan warna kaedah yang berupa nilai heksadesimal (contoh #ff0000).
rgb_number Ditetapkan warna kaedah yang berupa kode rgb (contoh rgb(255,0,0)).
invert Standar. Melakukan pengalihan warna (warna terbalik). Memungkinkan kaedah dapat terlihat di latar belakang warna yang berbeda.
warisan Ditetapkan supaya pengaturan warna kaedah dari elemen induk diwariskan.

Detil teknologi

Nilai standar: invert
Ketergantungan: tidak
Versi: CSS2
Sintaksu JavaScript: objek.style.outlineColor="#0000FF"

Contoh TIY

Mengatur warna kaedah
Contoh ini menunjukkan bagaimana mengatur warna kaedah.

Pendukung pereksa

Angka di dalam tabel menunjukkan versi pereksa pertama yang mendukung properti ini sepenuhnya.

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

Keterangan:Jika ada !DOCTYPE yang ditetapkan, maka IE8 mendukung properti kaedah.