Ciri outline

Ciri outline menetapkan warna, jenis dan ketebalan untuk rangka luar (sempadan yang tidak mengambil ruang) untuk semua sisi secara serentak, tetapi berbeza dengan border sempadan sedemikian tidak mengembangkan elemen. Merupakan ciri singkatan untuk outline-width, outline-style dan outline-color (tetapi bukan untuk outline-offset).

Sintaks

cssselector {
  outline: ketebalan jenis warna;
}

Susunan ciri nilai tidak penting.

Contoh . Hanya outline

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

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

Результат:

Contoh . Ciri outline dan border bersama

Sempadan dari outline akan berada di luar, manakala sempadan 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