Tuesday, March 20, 2018

Property Border

         Property ini adalah untuk mengatur elemen yang mempunyai garis dengan berbagai variasi lebar,warna serta gaya suatu tampilan. Anda bisa membuat suatu garis antara kiri-kanan-atas-bawah dengan berbeda style.

1. border
border Property ini untuk mengatur border secara keseluruhan
Selektor{border:normal}
Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid

========================================================================
2. border-width
border-width Property ini untuk mengatur lebar border secara keseluruhan
Selektor{ border-width:thin}
Value lain : thick, medium

========================================================================
3. border-top-width
border-top-width Property ini untuk mengatur lebar
border top Selektor{ border-top-width:thin}
Value lain : thick, medium

========================================================================
4. border-right-width
border-right-width Property ini untuk mengatur lebar
border right Selektor{ border-right-width:thin}
Value lain : thick, medium

========================================================================
5. border-bottom-width
border-bottom-width Property ini untuk mengatur lebar border
bottom Selektor{ border-bottom-width:thin}
Value lain : thick, medium

========================================================================
6. border-left-width
border-left-width Property ini untuk mengatur lebar
border left Selektor{ border-left-width:normal}
Value lain : thick, medium

========================================================================
7. border-color
border-color Property ini untuk mengatur
warna dari border Selektor{ border-color:#333333}
Value lain : anda bisa gunakan warna hexadecimal yang awalnya dimulai dengan tanda #

========================================================================
8. border-style
border-style Property ini untuk mengatur
style dari border Selektor{ border-style:normal}
Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid

========================================================================
9. border-top
border-top Property ini untuk mengatur
border top Selektor{ border-top:normal}
Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid

========================================================================
10. border-right
border-right Property ini untuk
mengatur border right Selektor{ border-right:normal}
Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid

========================================================================
11. border-bottom
border-bottom Property ini untuk mengatur border bottom Selektor{ border-bottom:normal} Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid

========================================================================
12. border-left
border-left Property ini untuk mengatur
border left Selektor{ border-left:normal} Value lain : thin, thick, dashed, dotted, double, grove, hidden, inset, none , outset, ridge, solid


No comments:

Post a Comment

Follow Us