CSS Kontur Ofseti

outline-offset Özellik, elementin konturu ile çerçeve arasında boşluk ekler. Element ve konturu arasındaki boşluk şeffaftır.

Aşağıdaki örnek, kenar çizgi kenarlarından 25px'lik bir kontur belirler:

Bu paragrafın kenar çizgisinin dışında 25px'lik bir kontur olacak.

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

Aşağıdaki örnek, elementin konturu ile arasındaki boşluğun şeffaf olduğunu gösterir:

Bu paragrafın kenar çizgisinin dışındaki kontur 25px. olacaktır.

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

Tüm CSS kontur özellikleri

Özellik	Tanım
outline	Kısa özellik, outline-width, outline-style ve outline-color'ı bir açıklamada ayarlar.
outline-color	Kontur rengini ayarlayın.
outline-offset	Konturunun elementin kenarı veya çerçevesi ile arasındaki mesafeyi belirtin.
outline-style	Kontur stiliyi ayarlayın.
outline-width	Kontur genişliğini ayarlayın.