July 14, 2024

Macam-macam Kode CSS Border Style

1 min read

Haloo Sahabat PalComSter !!!

Kode Border CSS Style apa itu?? Border CSS adalah suatu border atau bingkai yang bisa dibuat pada blog maupun web yang biasanya digunakan untuk memisahkan beberapa konten blog ataupun elemen tertentu. Selain itu, Border CSS juga bisa digunakan sebagai modul untuk memperindah tampilan website. Pada Kesempatan kali ini saya ingin berbagi kepada anda tentang border CSS yang mungkin dapat menambah wawasan anda. Berikut beberapa CSS Border Style yang mungkin bisa anda coba:

None Tidak menggunakan border (none)
Hidden Hampir mirip seperti kode “none”
Dotted Tipe border menggunakan  dot  ataupun titik-titik
Dashed Tipe border dengan gaya putus-putus
Solid Tipe border garis lurus
Double Tipe border lebih dari satu garis lurus
Ridge Tipe border 3D bergerigi
Groove Tipe border 3D beralur
Outset  Tipe border 3D batas luar
Inset Tipe border 3D batas dalam
Inherit Menentukan kalau gaya perbatasan  diwarisi dari elemen induk

Berikut adalah Kode css dari border :

[sourcecode language=”html”]
<div style="border: 5px dotted #009900; width: 250px; height: 50px;">Element atau Obeject</div>
[/sourcecode]

Keterangan :

  • 5px adalah ukuran yang dipakai atau ketebalan border
  • dotted adalah style atau gaya untuk border
  • #009900 adalah kode warna untuk border
  • Width adalah lebar dari element atau object
  • Height adalah tinggi element atau object

NB: untuk penggunaan baik, warna, style border,ukuran border,lebar dan tinggi silahkan disesuaikan dengan keperluan anda.

Berikut adalah hasil jadinya sesuai style-nya:

Dotted
Dashed
Solid
Double
Ridge
Groove
Outset
Inset

Hhm.. bagaimana ?, menarik bukan ?. Selamat mencoba… ^_^

0 thoughts on “Macam-macam Kode CSS Border Style

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.