CSS Border

Border CSS memungkinkan anda untuk menentukan gaya dan warna border suatu elemen .



Style Border

Properti border-style menentukan border yang ditampilkan. 

nilai border-style :

  • none : Mendefinisikan tidak ada border
  • doted : Mendefinisikan border bertitik
  • dashed : Mendefinisikan border putus-putus
  • solid : Mendefinisikan sebuah border yang solid
  • double : Mendefinisikan dua border 

  • groove : Mendefinisikan perbatasan 3D beralur . Efeknya tergantung pada nilai border-color
  • ridge : Mendefinisikan perbatasan bergerigi 3D . Efeknya tergantung pada nilai border-color
  • inset : Mendefinisikan sebuah inset perbatasan 3D . Efeknya tergantung pada nilai border-color
  • outset : Mendefinisikan awal perbatasan 3D . Efeknya tergantung pada nilai border-color


 

Border Width

Properti border-width digunakan untuk mengatur lebar perbatasan .

Lebar diatur dalam pixel , atau dengan menggunakan salah satu dari tiga nilai yang telah ditentukan : bold, medium, atau tick .


Catatan: properti border-width tidak bekerja jika digunakan sendiri . Gunakan border-style properti untuk mengatur border pertama kali.


.one{
     border-style:solid; 
}
.two{
     border-style:solid; 
}




Border Color

Properti border-color digunakan untuk mengatur warna perbatasan / border. Warna dapat diatur oleh: 
  • name - color name, seperti red
  • RGB - menentukan nilai RGB, seperti rgb (255,0,0) 
  • Hex - menentukan nilai hex, seperti #ff0000 
  • Anda juga dapat mengatur warna border untuk transparan

Catatan: border-color properti tidak bekerja jika digunakan sendiri. Gunakan border-style properti untuk mengatur border pertama kali.


p.one
{
border-style:solid;
border-color:red;
}
p.two
{
border-style:solid;
border-color:#98bf21;
}



 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda