Framework7-hairlines

Framework7-ヘアライン

説明

ヘアラインは、境界線クラスを使用して画像の周囲に1pxの境界線を追加するクラスです。 1.xのリリースで、ヘアラインはCSSボーダーを使用する代わりに_：after_および_：before_疑似要素の動作を修正しました。

ヘアラインには、次のルールが含まれています-

• *：after *-この擬似要素は、_bottom_および_right_ヘアラインに使用されます。
• *：before *-この擬似要素は、_top_および_left_ヘアラインに使用されます。

次のコードスニペットは、_：after_要素の使用方法を示しています。

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

次のコードスニペットは、下部のヘアラインツールバーを削除します-

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

「ノーボーダー」クラス

ヘアラインは_no-border_クラスを使用して削除され、_Navbar、ツールバー、card_およびその要素でサポートされます。

次のコードはnavbarからヘアラインを削除するために使用されます-

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