Làm cách nào để bạn thêm khoảng cách dòng trong html css?
Ngày đăng:
18/12/2022
Trả lời:
0
Lượt xem:
110
Thuộc tính CSS line-height =6 đặt chiều cao của hộp dòng. Nó thường được sử dụng để đặt khoảng cách giữa các dòng văn bản. Trên các phần tử cấp khối, nó chỉ định chiều cao tối thiểu của các hộp dòng trong phần tử. Trên các phần tử nội tuyến không được thay thế, nó chỉ định chiều cao được sử dụng để tính toán chiều cao của hộp dòng Show Thử nócú pháp
Thuộc tính line-height =6 được chỉ định là bất kỳ thuộc tính nào sau đây
giá trịline-height =0 Phụ thuộc vào tác nhân người dùng. Các trình duyệt máy tính để bàn (bao gồm cả Firefox) sử dụng giá trị mặc định khoảng line-height =2, tùy thuộc vào phần tử line-height =3 line-height =8 (không có đơn vị) Giá trị được sử dụng là line-height =8 không có đơn vị này nhân với kích thước phông chữ của phần tử. Giá trị được tính giống với giá trị được chỉ định line-height =8. Trong hầu hết các trường hợp, đây là cách ưu tiên để đặt line-height =6 và tránh các kết quả không mong muốn do kế thừa line-height =9 line-height =9 được chỉ định được sử dụng trong tính toán chiều cao của hộp dòng. Các giá trị được cung cấp theo đơn vị em có thể tạo ra kết quả không mong muốn (xem ví dụ bên dưới) line-height =0 Liên quan đến kích thước phông chữ của chính phần tử đó. Giá trị được tính là line-height =0 này nhân với kích thước phông chữ được tính của phần tử. Giá trị phần trăm có thể tạo ra kết quả không mong muốn (xem ví dụ thứ hai bên dưới) 2 Không chuẩnĐặt chiều cao dòng thành chiều cao nội dung của khối hiện tại Mối quan tâm về khả năng tiếp cậnSử dụng giá trị tối thiểu là 3 cho line-height =6 cho nội dung đoạn chính. Điều này sẽ giúp ích cho những người gặp tình trạng thị lực kém, cũng như những người có vấn đề về nhận thức như Chứng khó đọc. Nếu trang được phóng to để tăng kích thước văn bản, việc sử dụng giá trị không có đơn vị sẽ đảm bảo rằng chiều cao của dòng sẽ chia tỷ lệ theo tỷ lệ W3C Hiểu WCAG 2. 1 định nghĩa chính thứcGiá trị ban đầu _______ 10 Áp dụng cho tất cả các phần tử. Nó cũng áp dụng cho 6 và 7. esPercentages được kế thừa tham chiếu đến kích thước phông chữ của chính phần tử Giá trị được tính toán của giá trị phần trăm và độ dài, độ dài tuyệt đối, nếu không thì như được chỉ định Loại hoạt hình hoặc số hoặc độ dàicú pháp chính thứcline-height = ví dụVí dụ cơ bản
Việc đặt line-height =6 thường thuận tiện hơn bằng cách sử dụng tốc ký 9 như minh họa ở trên, nhưng điều này cũng yêu cầu phải chỉ định thuộc tính line-height =3 Ưu tiên các số không có đơn vị cho các giá trị chiều cao dòngVí dụ này cho thấy lý do tại sao nên sử dụng giá trị line-height =8 thay vì giá trị line-height =9. Chúng tôi sẽ sử dụng hai yếu tố line-height =43. Đầu tiên, với đường viền màu xanh lục, sử dụng giá trị line-height =6 không có đơn vị. Thứ hai, với đường viền màu đỏ, sử dụng giá trị line-height =6 được xác định trong line-height =46s |