Mengenal Property Border pada CSS

M-S Blog || Mengenal Property Border pada CSS, Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Border adalah salah satu property css, border memiliki fungsi untuk memberi batas/garis(seperti) pada suatu bidang/box/tag html. Garis atau batas ini bisa kita tentukan bentuk/tampilan atau stylenya, seperti warna, ketebalan, serta style/gaya.

Untuk lebih jelasnya lihatlah penggunaan border berikut :

<div style="border: 1px none #3300ff; padding:3px">

<div style="border: 1px solid #3300ff; padding:3px">

<div style="border: 1px dashed #3300ff; padding:3px">

<div style="border: 1px dotted #3300ff; padding:3px">

<div style="border: 3px double #3300ff; padding:3px">

<div style="border: 5px groove #3300ff; padding:3px">

<div style="border: 5px ridge #3300ff; padding:3px">

<div style="border: 5px inset #3300ff; padding:3px">

<div style="border: 5px outset #3300ff; padding:3px">

Border Bottom

<div style="border-bottom: 1px none #ff0000; padding:3px">

<div style="border-bottom: 1px solid #ff0000; padding:3px">

<div style="border-bottom: 1px dotted #ff0000; padding:3px">

<div style="border-bottom: 1px dashed #ff0000; padding:3px">

<div style="border-bottom: 3px double #ff0000; padding:3px">

Border Top

<div style="border-top: 5px groove #ff0000; padding:3px">

<div style="border-top: 5px ridge #ff0000; padding:3px">

<div style="border-top: 5px inset #ff0000; padding:3px">

<div style="border-top: 5px outset #ff0000; padding:3px">

Semoga Bermanfaat :)