Properti outline

Properti outline mengatur warna, tipe, dan ketebalan untuk garis luar (batas yang tidak memakan ruang) untuk semua sisi secara bersamaan, tetapi berbeda dengan border, batas seperti itu tidak memperluas elemen. Merupakan properti singkatan untuk outline-width, outline-style dan outline-color (tetapi bukan untuk outline-offset).

Sintaksis

cssselektor {
  outline: ketebalan tipe warna;
}

Urutan properti nilainya tidak penting.

Contoh . Hanya outline

html<div id="elem"></div>

css#elem {
  outline: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Contoh . Properti outline dan border bersama

Batas dari outline akan berada di luar, sedangkan batas dari border - di dalam:

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

Lihat juga