Codingku

outline-color

Properti outline-color digunakan untuk mengatur warna outline elemen.

Outline adalah garis yang digambar di luar batas elemen untuk membuatnya menonjol di halaman web.

Biasanya digunakan untuk alasan aksesibilitas, dan dapat digunakan untuk tujuan dekorasi.

CSS Syntax

outline-color: invert | color | initial | inherit;

JavaScript Syntax

object.style.outlineColor="#FF0000"
Default value:invert
Inherited:tidak
Animatable:ya Read about animatable
Version:CSS2

Attribute Value

default outline-color: transparent;

Menerapkan warna transparan ke garis besar. Outline masih akan mengambil ruang yang ditentukan oleh nilai outline-width.

outline-color: red;

Kamu dapat menggunakan salah satu dari 140+ nama warna.

outline-color: #05ffb0;

Kamu dapat menggunakan kode warna heksadesimal.

outline-color: rgb(50, 115, 220);

Kamu dapat menggunakan kode warna rgb():

  • nilai pertama untuk red
  • nilai kedua untuk green
  • nilai ketiga untuk blue

Masing-masing dari mereka dapat memiliki nilai antara 0 dan 255.

outline-color: rgba(50, 115, 220, 0.3);

Kamu dapat menggunakan kode warna rgba():

  • 3 nilai pertama untuk rgb
  • nilai ke-4 untuk saluran alpha dan mendefinisikan opacity warna

Nilai alpha dapat berubah dari nol 0 (transparan) menjadi satu 1 (buram).

outline-color: hsl(14, 100%, 53%);

Kamu dapat menggunakan kode warna hsl():

  • nilai pertama untuk hue dan bisa dari 0 hingga 359
  • nilai kedua untuk saturation dan berubah dari 0% menjadi 100%
  • nilai ketiga untuk luminosity dan berubah dari 0% menjadi 100%

outline-color: hsla(14, 100%, 53%, 0.6);

Kamu dapat menggunakan kode warna hsl()a:

  • 3 nilai pertama untuk hsl
  • nilai ke-4 untuk saluran alpha dan mendefinisikan opacity warna

Nilai alpha dapat berubah dari nol 0 (transparan) menjadi satu 1 (buram).