<!DOCTYPE html>
<html>
<head>
<title>Sayfa başlığı</title>
</head>
<body>
<h2>border-style Özelliği</h2>
<p>Border yani sınır / kenar çizgisinin nasıl görüntüleneceğini belirler:</p>
<p style="border-style: dotted;">dotted </p>
<p style="border-style: dashed;">dashed</p>
<p style="border-style: solid;">solid</p>
<p style="border-style: double;">double</p>
<p style="border-style: groove;">groove</p>
<p style="border-style: ridge;">ridge</p>
<p style="border-style: inset;">inset</p>
<p style="border-style: outset;">outset</p>
<p style="border-style: none;">Border yok</p>
<p style="border-style: hidden;">Gizli border</p>
<p style="border-style: dotted dashed solid double;">Karışık border</p>
</body>
</html>