CSS outline-style

outline-style :

Bir element sınırları ile outline çizgisinin stilini ayarlamak için kullanılır.

Örnek

div {
   outline-style: dashed;
   outline-color: green;
  width: 300px;
  padding: 20px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Outline çizgisini kaldırır.
hidden Outline çizgisini gizler.
dotted Noktalı outline çizgisini çizer.
dashed Kesik çizgili outline çizgisini çizer.
solid Düz outline çizgisini çizer.
double Çift outline çizgisini çizer.
groove 3D grooved(Yivli) outline çizgisini çizer. Efekt renge göre değişkenlik gösterir.
ridge 3D ridge(Çıkıntılı) outline çizgisini çizer. Efekt renge göre değişkenlik gösterir.
inset 3D inset outline çizgisini çizer. Efekt renge göre değişkenlik gösterir.
outset 3D outset outline çizgisini çizer. Efekt renge göre değişkenlik gösterir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.5 8.0 1.2 7.0