Framework7 - Đường tóc

Sự miêu tả

Hairline là một lớp thêm đường viền 1px xung quanh các hình ảnh bằng cách sử dụng lớp đường viền. Với việc phát hành 1.x, hairlines đã sửa đổi cách làm việc với : after và : before các phần tử giả thay vì sử dụng các đường viền CSS.

Hairlines chứa các quy tắc sau:

• :after- Phần tử giả này được sử dụng cho phần chân tóc dưới và bên phải .

• :before- Phần tử giả này được sử dụng cho phần tóc trên và bên trái .

Đoạn mã sau cho thấy việc sử dụng phần tử : after .

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

Đoạn mã sau sẽ xóa thanh công cụ chân tóc dưới cùng -

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

lớp "không biên giới"

Đường viền sẽ được loại bỏ bằng cách sử dụng lớp không viền và nó được hỗ trợ trên Thanh điều hướng, thanh công cụ, thẻ và các phần tử của nó.

Đoạn mã sau được sử dụng để xóa chân tóc khỏi thanh điều hướng:

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