Macam-Macam Bentuk Style Border Pada Blog

CONTOH 1 :

<div style="border: 10px double blue;">Tester 123</div>

CONTOH 2 :

<div style="border: 10px groove red;">Tester 123</div>

CONTOH 3 :

<div style="border: 10px ridge green;">Tester 123</div>

CONTOH 4:

<div style="border: 5px dotted #009900; width: 250px; height: 50px;">Element atau Obeject</div>

CONTOH 5:

<p style="border:3px dashed; #000000; padding: 20px;"> Mendefinisikan perbatasan garis putus-putus.</p>

CONTOH 6:

<p style="border: 10px groove; #000000; padding: 20px;"> Mendefinisikan perbatasan garis berlekuk 3D.</p>

CONTOH 7:

<p style="border: 10px ridge; #000000; padding: 20px;"> Mendefinisikan perbatasan garis bergerigi 3D.</p>

CONTOH 8:

<p style="border: 10px outset; #FF3300; padding: 20px;"> Mendefinisikan perbatasan garis outset 3D.</p>