Bisa dikatakan border dalam bahasa css merupakan suatu
garis batas yang dapat digunakan untuk memisahkan beberapa konten atau
elemen. Selain sebagai batas, border juga dapat digunakan untuk
memperindah tampilan pada suatu desain template blog.
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
Kode Penulisan:<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.
Saya mau mengubah warna huruf, namun kodenya inherit dari file external. Cara mengubahnya bagaimana ya, gan? casenya saya posting di blog saya
BalasHapus