۞ السَّــــــلاَمُ عَلَيْــــــكُمْ
وَرَحْمَــةُ اللــــهِ وَبَرَكَاتُــــــــــهُ ۞
۞ بســـــــــــــم اللّـــه
الرّحمٰن
الرّحيـــــــــــــم
۞
-----------------------------------------------------------------------
Solid Border Style
Kode: <div style="background:#0000;color:#000;border: 9px solid red; font-size: 30px; padding: 15px; width: 300px;">Solid Border Style</div>
Double Border Style
Kode: <div style="background:#0000;#000;border: 9px double red; font-size: 30px; padding: 15px; width: 300px;">Double Border Style</div>
Groove Border Style
Kode: <div style="background:#0000;color:#000;border: 9px groove red; font-size: 30px; padding: 15px; width: 300px;">Groove Border Style</div>
Ridge Border Style
Kode: <div style="background:#0000;color:#000;border: 9px ridge red; font-size: 30px; padding: 15px; width: 300px;">Ridge Border Style</div>
Dotted Border Style
Kode: <div style="background:#0000;color:#000;border: 9px dotted red; font-size: 30px; padding: 15px; width: 300px;">Dotted Border Style</div>
Dashed Border Style
Kode: <div style="background:#0000;color:#000;border: 9px dashed red; font-size: 30px; padding: 15px; width: 300px;">Dashed Border Style</div>
Inset Border Style
Kode: <div style="background:#0000;color:#000;border: 9px inset red; font-size: 30px; padding: 15px; width: 300px;">Inset Border Style</div>
Outset Border Style
Kode: <div style="background:#0000;color:#000;border: 9px outset red; font-size: 30px; padding: 15px; width: 300px;">Outset Border Style</div>Menggabungkan garis border dalam satu elemen yang memiliki perbedaan dari segala sisi setiap garis border yang digunakan seperti yang terlihat pada contoh berikut ini
Menggabumgkan Garis Border
Kode:
<div style="background: #0000; border-bottom: 6px dashed green; border-left: 6px groove red; border-right: 6px dotted blue; border-top: 6px outset pink; color: black; font-size: 30px; padding: 15px; width: 400px;">Menggabumgkan Garis Border</div>
۞
الحمد
لله
ربّ
العٰلمين
۞
-----------------------------------------------------------------------












BERANDAKU
0 comment:
Posting Komentar