Templat:CSS Border

border{{{A}}}: {{{T}}}px {{{J}}} {{{W}}}; -webkit-border-radius: {{{R}}}px; -moz-border-radius: {{{R}}}px; -khtml-border-radius: {{{R}}}px; -o-border-radius: {{{R}}}px; background: {{{L}}}; padding: {{{P}}}px;

Pengenalan

Templat ini digunakan didalam Inline Styles, yaitu dimasukkan kedalam atribut style="...". Fitur CSS yang ada dalam templat ini adalah:

• Border-width
• Border-style
• Border-color
• Border-radius (untuk semua peramban/browser: -webkit-, -moz-, -o- dan -khtml-)
• Background

Contoh Cara Menggunakan Templat Ini

Contoh yang tidak menggunakan templat CSS Border ini:

<div style="border: 1px solid #000;-webkit-border-radius: 5px; -moz-border-radius: 5px;
-o-border-radius: 5px; -khtml-border-radius: 5px; background:pink; padding: 10px;">
...
</div>

Penulisannya akan melelahkan dan menghabiskan tempat.
Apalagi yang menggunakan CSS border-radius, harus menulis -webkit-, -moz-, -o- dan -khtml- agar border-radiusnya dapat terbaca disemua peramban. Bandingkan dengan yang menggunakan templat CSS Border ini:

<div style="{{CSS Border|T=1|J=solid|W=#000000|R=5|L=#f6f6f6|P=10}}">
...
</div>

1. T=1: Artinya tebal border 1px
2. J=solid: Artinya jenis border adalah solid
3. W=#000000: Artinya warna border adalah #000000
4. R=5: Artinya border-radiusnya 5px
5. L=#f6f6f6: Artinya latar belakang border adalah #f6f6f6
6. dan P=10: Artinya padding pada border adalah 10px

Pilih yang mana???