CSS border-style - belajar membuat border pada CSS

CSS Border - Style Property

buayaberdiri.blogspot.com - haii guyss hari ini saya akan share cara membuat border pada element dengan menggunakan koding CSS,

apa itu border ?,border pada css berfungsi untuk memberikan batas pada text atau gambar ,batas berupa garis dan memiliki variasi garis yang bisa digunakan pada CSS

dalam membuat garis pada CSS biasa kita sebut dengan "border",CSS sendiri menyediakan beberapa model border yang bisa digunakan oleh user.



baca juga referensi yang bisa membantumu : Belajar Sintaks dan Kode Warna pada CSS

Berikut ini jenis jenis border pada CSS :

1.dotted 

Sintaksnya : 

Border Style untuk dotted ini memberikan efek garis putus-putus pada bagian atas,kanan,bawah dan kiri.Berikut ini adalah tampila garis putus-putus pada value dotted dalam CSS border-style:

seperti pada contoh gambar diatas,border dengan jenis dotted merupakan garis putus-putus,seperti hubungan ini ( yailah baper,punya pacar juga kaga ,hahahay.jangankan pacar,mantan aja kaga punya,wkakakakwa ).

2.dashed

dashed merupakan tipe border yang putus-putus juga,mirip dengan dotted,cuman bedanya ukuran garis terputus mungkin lebih panjang dari dotted,intinya sama-sama garis putus-putus 😢😢(kok sedih ya denger kata putus 😡 ),sudah lah lupakan saja kata putusnya(kok makin baper yakk)

3.solid

solid merupakan border yang membentuk garis yang menyambung,tidak terputus seperti dotted dan dashed.

4.double

double merupakan tipe border yang memiliki garis ganda atau biasa kita disebut dengan double,garis ini sangat berbeda dari yang sebelumnya ,garis tipis dengan memiliki 1 garis didalamnya / double.

5.groove

6.ridge

7.inset

8.outset

9.none

10.hidden

nah sampai disini dulu ya guyss pembahasanya :)

Gbu :)

List of Article Posts https://buayaberdiri.blogspot.com