Framework7 - Garis Rambut

Deskripsi

Garis rambut adalah kelas yang menambahkan batas 1px di sekitar gambar dengan menggunakan kelas batas. Dengan rilis 1.x, garis rambut merevisi kerja dengan : setelah dan : sebelum elemen semu alih-alih menggunakan batas CSS.

Garis rambut berisi aturan berikut -

  • :after- Elemen semu ini digunakan untuk garis rambut bawah dan kanan .

  • :before- Elemen semu ini digunakan untuk garis rambut atas dan kiri .

Cuplikan kode berikut menunjukkan penggunaan elemen : after .

.navbar:after {
   background-color: red;
}

Potongan kode berikut menghapus bilah alat garis rambut bawah -

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

kelas "tanpa batas"

Garis rambut akan dihapus dengan menggunakan kelas tanpa batas dan ini didukung di Navbar, bilah alat, kartu dan elemennya.

Kode berikut digunakan untuk menghilangkan garis rambut dari navbar -

<div class = "navbar no-border">
   ...
</div>