1. Rumah
  2. Properti CSS border-style

Tutorial Properti CSS border-style Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Definisi atribut dan petunjuk,Dukungan Browser,Nilai properti,contoh online,Artikel terkait,

Properti CSS border-style

contoh

Menyiapkan empat gaya border:

p
{
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

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

Tutorial Panas

Hubungi kami

Properti CSS border-style
10/30