Dengan adanya penggunaan border pada template atau sebuah posting artikel, diharapkan dapat membantu pengunjung atau pembaca dalam membedakan antara konten atau elemen yang satu dengan yang lainnya.
Dalam kesempatan kali ini IdBlogDesign ingin berbagi dengan Anda, tentang beberapa gaya atau border style yang mungkin dapat sedikit menambah wawasan Anda.
Berikut beberapa jenis gaya atau border style yang dapat Anda terapkan dalam melakukan posting artikel blog atau dapat juga untuk menghiasi template blog Anda:
Kode | Keterangan |
---|---|
none | Tidak menggunakan border. |
hidden | Hampir sama dengan kode "none". |
dotted | Tipe border menggunakan titik-titik atau dot. |
dashed | Tipe border putus-putus. |
solid | Tipe border garis lurus. |
double | Tipe border lebih dari satu garis lurus. |
groove | Tipe border 3D beralur. |
ridge | Tipe border 3D bergerigi. |
inset | Tipe border 3D batas dalam. |
outset | Tipe border 3D batas luar. |
inherit | Menentukan bahwa gaya perbatasan harus diwarisi dari elemen induk. |
Kode penulisan border style dalam css dan contoh penampakan :
Penampakan:
Elemen atau object
<p style="border:3px solid #ccc;"> Elemen atau object </p>Keterangan :
3px adalah ukuran yang digunakan.
Solid adalah style atau gaya untuk border.
#ccc adalah kode warna untuk border.
none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
Selamat mencoba dan semoga dapat bermanfaat bagi Anda.
Informasi yang sangat menarik nieh...
BalasHapusThanks for share :)
sama-sama masta. :)
HapusMasta itu apa ya mas?
BalasHapushehe..., sepengetahuan saya "masta/mastah" biasanya digunakan untuk panggilan para senior atau orang yang lebih berpengalaman. :)
Hapus