Offset Garis Latar Belakang CSS

Offset Garis Latar Belakang CSS

outline-offset Properti menambahkan ruang di antara kontur elemen dan border. Ruang di antara elemen dan konturnya adalah transparan.

Contoh berikut menentukan kontur 25px di luar garis border:

Paragraf ini memiliki kontur 25px di luar garis border.

Contoh

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

Coba Sendiri

Contoh berikut menunjukkan ruang antara elemen dan konturnya adalah transparan:

Kontur ekor paragraf ini di luar garis border adalah 25px.

Contoh

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

Coba Sendiri

Semua Properti Kontur CSS

Properti Deskripsi
outline Properti singkat, mengatur outline-width, outline-style, dan outline-color dalam satu pernyataan.
outline-color Atur warna kontur.
outline-offset Tentukan ruang antara kontur dengan batas atau garis bingkai elemen.
outline-style Atur gaya garis kontur.
outline-width Atur lebar garis kontur.