Properti CSS border-style
contoh
Menyiapkan empat gaya border:
p
{
border-style:solid;
}
{
border-style:solid;
}
Coba »
Bawah halaman untuk melihat lebih banyak contoh.
Definisi atribut dan petunjuk
Properti border-style set empat perbatasan unsur gaya. Properti ini dapat memiliki satu sampai empat nilai.
contoh:
border-style: dotted ganda padat putus-putus ;
- Perbatasan dihiasi
- batas kanan adalah garis yang solid
- Sebuah perbatasan double bottom
- perbatasan kiri adalah garis putus-putus
border-style: dotted padat ganda;
- Perbatasan dihiasi
- batas kanan dan batas kiri adalah garis yang solid
- Sebuah perbatasan double bottom
border-style: dotted padat;
- batas atas dan bawah yang putus-putus
- batas kanan dan batas kiri adalah garis yang solid
border-style: dotted;
- Keempat perbatasan yang putus-putus
default: | tidak ditentukan |
---|---|
warisan: | tidak |
versi: | CSS1 |
sintaks JavaScript: | keberatan object.style.borderStyle = "ganda putus-putus" |
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
属性 | |||||
---|---|---|---|---|---|
border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Nilai properti
nilai | deskripsi |
---|---|
tak satupun | Tidak didefinisikan perbatasan. |
tersembunyi | Dan "tidak" sama. Namun, bila diterapkan ke meja kecuali untuk meja, tersembunyi untuk memecahkan konflik perbatasan. |
burik | Didefinisikan perbatasan dot. Diberikan sebagai garis solid dalam kebanyakan browser. |
putus-putus | Definisi dari garis putus-putus. Diberikan sebagai garis solid dalam kebanyakan browser. |
padat | Definisi garis solid. |
dua kali lipat | Definisi kawat. lebar ganda sama dengan nilai border-width. |
alur | reses 3D didefinisikan perbatasan. Efeknya tergantung pada nilai border-color. |
bubungan | 3D bergelombang perbatasan didefinisikan. Efeknya tergantung pada nilai border-color. |
sisipan | Mendefinisikan perbatasan inset 3D. Efeknya tergantung pada nilai border-color. |
awal | Mendefinisikan perbatasan awal 3D. Efeknya tergantung pada nilai border-color. |
mewarisi | Ketentuan harus mewarisi gaya perbatasan dari elemen induk. |
contoh online
Mengatur perbatasan yang berbeda di setiap sisi
Contoh ini menunjukkan bagaimana untuk mengatur batas yang berbeda di setiap sisi dari elemen.
Artikel terkait
CSS tutorial: CSS Border