Thuộc tính text-indent trong CSS

Định nghĩa

Thuộc tính text-indent định nghĩa lùi dòng đầu tiên của khối văn bản.

Chú thích:Cho phép sử dụng giá trị âm. Nếu sử dụng giá trị âm, dòng đầu tiên sẽ bị lùi sang bên trái.

Lưu ý:Trước CSS 2.1, text-indent luôn kế thừa giá trị tính toán,而不是 giá trị khai báo.

Giải thích

Được sử dụng để định nghĩa lùi dòng đầu tiên của các phần tử cấp block. Nó thường được sử dụng để tạo hiệu ứng "tab" này. Cho phép chỉ định giá trị âm, điều này sẽ tạo ra hiệu ứng lùi lề ngược.

Xem thêm:

Hướng dẫn CSS:CSS văn bản

Hướng dẫn HTML DOM:Thuộc tính textIndent

Ví dụ

Lùi dòng đầu tiên của đoạn văn 50 pixel:

p
  {
  text-indent:50px;
  }

Thử nghiệm ngay

Ngữ pháp CSS



Giá trị thuộc tính





Giá trị
Mô tả




length
Định nghĩa lùi cố định. Giá trị mặc định: 0.




%
Định nghĩa lùi dựa trên phần trăm chiều rộng của phần tử cha.




inherit
Định nghĩa rằng giá trị của thuộc tính text-indent nên kế thừa từ phần tử cha.









Chi tiết kỹ thuật



  

    Giá trị mặc định:
    Chưa chỉ định
  

  

    Kế thừa:
    Có
  

  

    Phiên bản:
    CSS1
  

  

    Ngữ pháp JavaScript:
    object.style.textIndent="50px"
  








Các ví dụ khác




Lùi văn bản


Ví dụ này minh họa cách lùi dòng đầu tiên của văn bản.








Hỗ trợ trình duyệt


Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.





Chrome
IE / Edge
Firefox
Safari
Opera




1.0
3.0
1.0
1.0
3.5