Thuộc tính white-space trong CSS

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

Thuộc tính white-space xác định cách xử lý dấu cách trong yếu tố.

Thuộc tính này xác định cách xử lý các dấu cách trong quá trình xây dựng bố cục của yếu tố. Giá trị pre-wrap và pre-line được thêm vào CSS 2.1.

Xem thêm:

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

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

Ví dụ

Định nghĩa rằng văn bản trong đoạn không được đổi dòng:

p
  {
  white-space: nowrap;
  }

Thử ngay

Cú pháp CSS

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
normal Mặc định. Dấu cách sẽ được trình duyệt bỏ qua.
pre Dấu cách sẽ được trình duyệt giữ lại. Hành vi này tương tự như thẻ <pre> trong HTML.
nowrap Văn bản không được换 dòng, văn bản sẽ tiếp tục trên cùng dòng cho đến khi gặp thẻ <br>.
pre-wrap Giữ lại các chuỗi dấu cách, nhưng thực hiện dòng mới bình thường.
pre-line Hợp nhất các chuỗi dấu cách, nhưng giữ lại dấu mũ.
inherit Định nghĩa rằng giá trị của thuộc tính white-space nên được kế thừa từ yếu tố cha.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Di truyền: yes
Phiên bản: CSS1
Cú pháp JavaScript: object.style.whiteSpace="pre"

Các ví dụ khác

Chặn việc折 văn bản trong yếu tố
Ví dụ này minh họa cách chặn việc折 văn bản trong yếu tố.

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 8.0 3.5 3.0 9.5