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