Framework7 - Sınır Çizgileri

Açıklama

Hairline, border sınıfını kullanarak görüntülerin etrafına 1px kenarlık ekleyen bir sınıftır. 1.x sürümünün yayınlanmasıyla birlikte, ince çizgiler CSS kenarlıkları kullanmak yerine : after ve : before sözde öğelerle çalışmayı revize etti .

Sınır çizgileri aşağıdaki kuralları içerir -

• :after- Bu sözde öğe, alt ve sağ ince çizgiler için kullanılır .

• :before- Bu sözde öğe, üst ve sol ince çizgiler için kullanılır .

Aşağıdaki kod parçacığı,: after elemanının kullanımını gösterir .

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

Aşağıdaki kod parçacığı, alt ince çizgi araç çubuğunu kaldırır -

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

"kenarlıksız" sınıf

Sınır çizgisi sınırsız sınıf kullanılarak kaldırılacaktır ve Navbar, araç çubuğu, kart ve öğelerinde desteklenmektedir.

Aşağıdaki kod, ince çizgiyi navbar'dan kaldırmak için kullanılır -

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