Thuộc Tính Line-height | CSS | Học Web Chuẩn

Trang chủ » Khoảng Cách Dòng Html » Thuộc Tính Line-height | CSS | Học Web Chuẩn

Có thể bạn quan tâm

Thuộc tính line-height
  • Trang chủ
  • Tham khảo
  • CSS
  • Thuộc tính line-height

Định nghĩa và sử dụng

Thuộc tính line-height thiết lập chiều cao giữa các dòng.

Cấu trúc

tag { line-height: giá trị; }

Với giá trị như sau:

Thuộc tính giá trị Ví dụ Mô tả
line-height normal line-height: normal; Không tăng khoảng cách giữa các ký tự cho chữ.
Số line-height: 1.5; Tăng hoặc giảm khoảng cách giữa các dòng, có thể là số tự nhiên hoặc số thập phân.
Khoảng cách line-height: 2px; Tăng hoặc giảm khoảng cách giữa các dòng, đơn vị có thể là px, em, %, ...
inherit line-height: inherit; Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài).

Ví dụ

HTML viết:

<html> <head></head> <body> <p>HỌC WEB CHUẨN<br /> HTML - HyperText Markup Language<br /> XHTML - Extensible HyperText Markup Language<br /> CSS - Cascading Style Sheets<br /> JS - JavaScript</p> </body> </html>

Hiển thị trình duyệt khi chưa có CSS:

HỌC WEB CHUẨN HTML - HyperText Markup Language XHTML - Extensible HyperText Markup Language CSS - Cascading Style Sheets JS - JavaScript

CSS viết:

p { line-height: 2.5; }

Hiển thị trình duyệt khi có CSS:

HỌC WEB CHUẨN HTML - HyperText Markup Language XHTML - Extensible HyperText Markup Language CSS - Cascading Style Sheets JS - JavaScript

Trình duyệt hỗ trợ

  • Internet Explorer
  • Firefox
  • Opera
  • Google Chrome
  • Safari

Thuộc tính line-height được hỗ trợ trong đa số các trình duyệt.

Giá trị "inherit" không hỗ trợ trình duyệt IE7 trở xuống, IE8 đòi hỏi phải có !Doctype

Link liên quan

  • HTML/XHTML
  • CSS
  • Đơn vị
  • class
  • <html></html>
  • <head></head>
  • <body></body>
  • <p></p>
  • <br />

letter-spacing

list-style

CSS

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

Thuộc tính CSS

  • background
  • border
  • border-collapse
  • border-spacing
  • bottom
  • caption-side
  • clear
  • clip
  • color
  • content
  • counter-increment
  • counter-reset
  • cursor
  • direction
  • display
  • empty-cells
  • float
  • font
  • height
  • left
  • letter-spacing
  • line-height
  • list-style
  • margin
  • max-height
  • max-width
  • min-height
  • min-width
  • outline
  • overflow
  • padding
  • page-break-after
  • page-break-before
  • page-break-inside
  • position
  • quotes
  • right
  • table-layout
  • text-align
  • text-decoration
  • text-indent
  • text-transform
  • top
  • vertical-align
  • visibility
  • white-space
  • width
  • word-spacing
  • z-index

Tham khảo CSS

  • CSS - Tham khảo
  • CSS - Bộ chọn (selectors)
  • CSS - Thuộc tính
  • CSS3 - Tham khảo
  • CSS3 - Bộ chọn (selectors)
  • CSS3 - Thuộc tính
  • Xem thêm ví dụ về CSS

Tham khảo HTML/XHTML

  • Tham khảo HTML/XHTML
  • Tag theo function
  • Tag theo giá trị DTD
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Xem thêm ví dụ về HTML

Tham khảo JQUERY

  • jQuery - Tham khảo
  • jQuery - Cài đặt và sử dụng
  • jQuery - Bộ chọn (selectors)
  • jQuery - Hàm (function)
  • jQuery - Ajax

Tham khảo Thêm

  • Lang codes
  • Font chữ
  • Mã ký tự
  • MIME
  • Đơn vị trong HTML & CSS
  • Giá trị màu trong HTML & CSS
  • Thuộc tính tổng quát

CHUYÊN ĐỀ

  • Chuyên đề
  • Chuyên đề HTML/CSS
  • Chuyên đề HTML5/CSS3
  • Chuyên đề jQuery/JS
  • jQuery/JS plugin

Góp ý - Liên hệ

  • BẠN SẼ TÀI TRỢ?DONATE
  • CÔNG CỤ TẠO CSS3CSS3 GENERATOR
  • BỘ CÔNG CỤGENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢWEB TOOLS
  • CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAYWEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Từ khóa » Khoảng Cách Dòng Html