Tampilan Border
Border adalah garis kotak yang biasanya di gunakan untuk menempatkan objek baik itu dalam bentuk huruf, angka,gambar dll. boder memiliki banyak model ada yg berbentuk garis putus2,garis lurus,garis tipis maupun tebal dan bisa di buat warna sesuai yg kita inginkan,..untuk membuatnya sobat bisa ngikutin langkah-langkah di bawah ini,...yuuk langsung ke TKP
Berikut Nilai yang digunakan:
<div style="border: 3px dotted rgb(0, 0, 0); padding: 5px;">
Dotted: Mendefinisikan sebuah dotted border</div>
Dashed: Mendefinisikan sebuah dashed border
Berikut Nilai yang digunakan:
<div style="border: 3px dashed rgb(0, 0, 0); padding: 5px;">
Dashed: Mendefinisikan sebuah dashed border</div>
Solid: Mendefinisikan sebuah solid border
Berikut Nilai yang digunakan:
<div style="border: 3px solid rgb(0, 0, 0); padding: 5px;">
Solid: Mendefinisikan sebuah solid border</div>
Double: Mendefinisikan dua borders. Lebar kedua borders adalah sama yaitu nilai border-width
Berikut Nilai yang digunakan:
<div style="border: 5px double rgb(0, 0, 0); padding: 5px;">
Double: Mendefinisikan dua borders. Lebar kedua borders adalah sama yaitu nilai border-width</div>
Groove: Mendefinisikan sebuah grooved border 3D. Efeknya tergantung pada nilai border-color
Berikut Nilai yang digunakan:
<div style="border: 7px groove rgb(152, 191, 33); padding: 5px;">
Groove: Mendefinisikan sebuah grooved border 3D. Efeknya tergantung pada nilai border-color</div>
Ridge: Mendefinisikan sebuah ridged border 3D. Efeknya tergantung pada nilai border-color
Berikut Nilai yang digunakan:
<div style="border: 7px ridge rgb(152, 191, 33); padding: 5px;">
Ridge: Mendefinisikan sebuah ridged border 3D. Efeknya tergantung pada nilai border-color</div>
Inset: Mendefinisikan sebuah inset border 3D. Efeknya tergantung pada nilai border-color
Berikut Nilai yang digunakan:
<div style="border: 7px inset rgb(152, 191, 33); padding: 5px;">
Inset: Mendefinisikan sebuah inset border 3D. Efeknya tergantung pada nilai border-color</div>
Outset: Mendefinisikan sebuah outset border 3D. Efeknya tergantung pada nilai border-color
Berikut Nilai yang digunakan:
<div style="border: 7px outset rgb(152, 191, 33); padding: 5px;">
Outset: Mendefinisikan sebuah outset border 3D. Efeknya tergantung pada nilai border-color</div>
Demikian tips dari saya semoga berhasil dan Selamat mencoba,.....
