Framework7 - Haarlinien

Beschreibung

Hairline ist eine Klasse, die mithilfe der Rahmenklasse einen 1-Pixel-Rand um die Bilder hinzufügt. Mit der Veröffentlichung von 1.x haben die Fluggesellschaften die Arbeit mit : nach und : vor Pseudoelementen überarbeitet, anstatt CSS-Rahmen zu verwenden.

Haarlinien enthält die folgenden Regeln -

  • :after- Dieses Pseudoelement wird für untere und rechte Haarlinien verwendet.

  • :before- Dieses Pseudoelement wird für obere und linke Haarlinien verwendet.

Das folgende Code-Snippet zeigt die Verwendung von : after- Element.

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

Das folgende Codefragment entfernt die untere Haarlinien-Symbolleiste -

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

"No-Border" -Klasse

Der Haaransatz wird mithilfe der No-Border- Klasse entfernt und wird in der Navigationsleiste, der Symbolleiste, der Karte und ihren Elementen unterstützt.

Der folgende Code wird verwendet, um den Haaransatz von der Navigationsleiste zu entfernen:

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