Border Dalam CSS

Border

Border adalah tepi atau garis yang digunakan untuk segala sisi untuk membatasi jarak atau kolom yang di pisahkan dalam membangun sebuah website atau tampilan website.

Atribut border juga bisa berbagai macam jenisnya tebal, tipis, berwarna dan bisa juga bermotifkan lengkungan tumpul. Border adalah atribut atau element yang dikatakan penting atau juga sangat penting dalam pembaguan website.

Ada lima sisi border yang akan dibahas :

1. Border Style
2. Border Top
3. Border Right
4. Border Bottom
5. Border Left

Border Style

Syntax: border-style: <value>
        Possible Values: none | dotted | solid | double |
                         groove | ridge | insert | outset

Property border-style mendefinisikan style dari keempat border (border-left, border-top, border right, dan border-bottom).

Contoh :

P { border-style: solid dotted }

Border Top

Syntax: border-top: <value>
        Possible Values: <border-top-width> || 
                         <border-style> || 
                         <color>

Contoh :

H1 { border-top: thick solid red }

Contoh diatas akan mendefinisikan width, style dan color dari border top element tag <H1>.


Border Right

Syntax: border-right: <value>
        Possible Values: <border-right-width> ||
                         <border-style> ||
                         <color>

Contoh :

H1 { border-right: thick solid red }

Contoh diatas akan mendefinisikan width, style dan color dari border right element tag <H1>.


Border Bottom

Syntax: border-bottom: <value>
        Possible Values: <border-rght-width> ||
                         <border-style> ||
                         <color>

Contoh :

H1 { border-bottom: thick solid red }

Contoh diatas akan mendefinisikan width, style dan color dari border bottom element tag <H1>.


Border Left

Syntax: border-left: <value>
        Possible Values: <border-right-width> ||
                         <border-style> ||
                         <color>

Contoh :

H1 { border-left: thick solid red }

Contoh diatas akan mendefinisikan width, style dan color dari border left element tag <H1>.

Dari sekian penjelasan contoh atribut border di atas, menjelaskan bahwa atribut dan element border bisa kalian rubah atau atur sesuai yang kalian mau, dengan menentukan warna, style border dan ukuran tebal atau tipisnya sebuah border dalam halaman website.

Tweet

Postingan terkait:

— Jumat, 24 Juni 2016 — Add Comment — CSS