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>

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

Pilih yang mana???