Membuat Border dengan CSS

Sebuah elemen dalam website akan dibatasi oleh sebuah border. Tidak semua border harus terlihat tetapi batasnya akan menentukan dengan elemen-elemen yang lainnya. Margin akan memberikan jarak dengan elemen di luar dan padding akan memberikan jarak dengan isi di dalamnya.

Border juga memiliki beberapa properties yang menarik mulai dari terlihat dan tidak terlihat, ukuran border, warna border, bentuk border dan type border. Kali ini kita akan mengatur border tersebut dengan menggunakan CSS.

Berikut adalah pengaturan-pengaturan yang dapat dilakukan oleh CSS

Border tidak terlihat :

border:none

Border terlihat:
karena border terlihat maka perlu dimasukkan juga ukuran dari border tersebut. Misal: 1px.

border:1px dotted

border:1px dashed

border:1px solid

border:3px double

Ukuran border dapat juga menggunakan style: thin, medium dan thick. Berikutnya perlu diditambahkan warna, karena style berikut akan menampilkan border dalam 3D. Misal: #5EA825

border:5px groove #5EA825

border:5px ridge #5EA825

border:5px inset #5EA825

border:5px outset #5EA825

Kita dapat juga menggunakan kombinasi beberapa style diatas untu keempat sisi dari border kita. Dengan urutan penulisan style mulai dari atas, kanan, bawah dan kiri. Misal :

border:5px #5EA825;border-style:solid dotted dashed double

Kata pencarian:

membuat border css, membuat border dengan css, mengatur tampilan border, membuat frame css, Membuat border di css, membuat kotak dan border dengan css, membuat template border menggunakan css, mengatur bentuk border dengan php, simbol border css, tipe border pada php, ukuran border di php, membuat kotak berita dengan css, membuat frame dg css, buat border frame css php, membuat border komentar berita dengan php, membuat border 3d dengan css, mebuat border di css, css; membuat border, cara mengatur tampilan bolder, cara membuat border css, cara bikin garis kotak css, ukuran border php

Artikel terkait:

1. Mengatur Tabel Dengan CSS
2. Membuat Outline Dengan CSS
3. Mengatur Tampilan Elemen dengan CSS
4. Membuat Navigasi dengan CSS
5. Mengatur Posisi dengan CSS
6. Mengatur Dimensi Menggunakan CSS
7. Mengatur Posisi dengan CSS Float

Membuat Copyright yang Dinamis

Membuat Tweet Twitter Terbalik