مشاهده و تمرین روی کد ها

<!DOCTYPE html>
<html>
<head>
<style>
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

h2,p {direction:rtl;}
</style>
</head>
<body>

<h2>صفت border-style </h2>
این صفت نوع خط حاشیه ای را که میخواهیم نمایش دهیم ، مشخص می کند : 

خط حاشیه نقطه ای
خط حاشیه منقطع
خط حاشیه تکی
خط حاشیه دوتایی
خط حاشیه شیار دار
خط حاشیه برجسته
خط حاشیه فرو رفته
خط حاشیه برآمده
بدون خط حاشیه
خط حاشیه مخفی
خط حاشیه ترکیبی

</body>
</html>