Simplenya Border merupakan Sabuah Garis Pembatas yang membatasi objek satu dengan objek lainnya. Untuk anda Seorang Template editor, css border sangat sering digunakan untuk memberikan kesan yang enak dilihat oleh pengunjung, tentunya termasuk juga adminnya.
 |
| Beberapa CSS Border yang perlu kamu ketahui |
Dan Kali ini saya akan membagikan informasi mengenai beberapa Css Border.
Diantaranya ;
- None : tidak menampilkan Border (Menyembunyikan)
- Solid : Garis Sederhana
- Dashed : Garis Putus – Putus
- Dotted : Garis Titik – titik.
- Double : Garis Ganda
- Groove : Garis alur 3D
- Ridge : Garis Punggung
- Inset : Garis Sisipan
- Outset : Garis Permulaan
- Mix : Garis Campuran
Contoh Border
Bisa ini beberapa Cara pemasangan Css Border yang perlu kamu Ketahui ;
Css
<style>
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
</style>
Html
<p class=”dotted”>A dotted border.</p>
<p class=”dashed”>A dashed border.</p>
<p class=”solid”>A solid border.</p>
<p class=”double”>A double border.</p>
<p class=”groove”>A groove border.</p>
<p class=”ridge”>A ridge border.</p>
<p class=”inset”>An inset border.</p>
<p class=”outset”>An outset border.</p>
<p class=”none”>No border.</p>
<p class=”hidden”>A hidden border.</p>
<p class=”mix”>A mixed border.</p>
Dan itulah yang bisa saya bagikan Kali ini.
Sumber : http://www.w3schools.com/css/css_border.asp
