Codingku change

#border-color

Properti CSS border-color digunakan untuk mengatur warna batas suatu elemen.

Properti ini merupakan singkatan untuk properti border-top-color, border-right-color, border-bottom-color, dan border-left-color.

Nilai properti border-color dapat ditentukan menggunnakan satu, dua, tiga. atau empat komponen.

Ketika satu nilai digunakan, nilai tersebut menentukan warna border atas, kanan, bawah, dan kiri.

Jika dua nilai digunakan, nilai pertama menentukan warna border atas dan bawah dan nilai kedua menentukan warna border kanan dan kiri.

Jika tiga nilai digunakan, yang pertama menentukan warna border atas, yang kedua menentukan warna border kanan dan kiri, dan yang ketiga menentukan warna border bawah.

Jika empat nilai digunakan, nilai pertama, kedua, ketiga, dan keempat menentukan warna masing-masing border atas, kanan, bawah, dan kiri.

CSS Syntax

border-color: color | transparent | initial | inherit;

object.style.borderColor="#FF0000 blue"

default border-color: transparent;

Menerapkan warna transparan ke border. Border masih akan mengambil nilai space yang ditentukan oleh nilai border-width .

border-color: red;

Kamu bisa menggunakan 140+ nama warna.

border-color: #05ffb0;

Kamu dapat menggunakan kode warna heksadesimal .

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

Kamu dapat menggunakan kode warna rgb() :

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

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

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

Kamu dapat menggunakan kode warna rgba() :

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

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

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

Kamu dapat menggunakan kode warna hsl() :

  • nilai pertama adalah untuk hue dan dapat beralih dari 0 ke 359
  • nilai kedua adalah untuk saturation dan beralih dari 0% ke   100%
  • nilai ketiga adalah untuk luminosity dan beralih dari 0% ke 100%

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

Kamu dapat menggunakan kode warna hsl()a :

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

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