Border yaitu garis tepi dari sebuah komponen (bisa berupa gambar atau tulisan).
Fungsi dari border sendiri adalah sebagai garis pembatas yang memisahkan komponen tersebut dari komponen-komponen lainnya.
Terdapat berbagai jenis border menurut fungsinya.

Beberapa Jenis Border Dan Cara Membuatnya :

1. Border Jenis Solid

<div style="border: 4px #0080FF solid; padding: 10px; background-color: #eaeaea; text-align: left">TEKS ANDA DISINI</div>


2. Border Jenis Dotted

<div style="border: 4px #0080FF dotted; padding: 10px; background-color: #eaeaea; text-align: left;">TEKS ANDA DISINI</div>


3. Border Jenis Dashed

<div style="border: 4px #0080FF dashed; padding: 10px; background-color: #eaeaea; text-align: left;">TEKS ANDA DISINI </div>

4. Border Jenis Groove

<div style="border: 4px #0080FF groove; padding: 10px; background-color: #eaeaea; text-align: left;"> TEKS ANDA DISINI </div>


5. Border Jenis Double

<div style="border: 4px #0080FF double; padding: 10px; background-color: #eaeaea; text-align: left;"> TEKS ANDA DISINI </div>


6. Border Jenis Ridge

<div style="border: 4px #0080FF double; padding: 10px; background-color: #eaeaea; text-align: left;"> TEKS ANDA DISINI</div>


7. Border Jenis Outset

<div style="border: 4px #0080FF double; padding: 10px; background-color: #eaeaea; text-align: left;">TEKS ANDA DISINI</div>


8. Border Jenis Scroll

<div style="border: 4px #0080FF solid; padding: 10px; background-color: #eaeaea; overflow: auto; height: 80px; width: 250px; text-align: left;"> TEKS ANDA DISINI


Baca : Pilih opsi HTML pada bar saat akan membuat border.

1 comments:

  1. Makasih banyak bro tutorialnya

    Ansory Series89

Post a Comment