Thuộc tính whiteSpace của Style

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

whiteSpace Thuộc tính thiết lập hoặc trả về cách xử lý tab, ngắt dòng và khoảng trống trong văn bản.

Xem thêm:

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

Hướng dẫn CSS:Thuộc tính white-space

Mô hình

Ví dụ 1

Định nghĩa text trong phần tử <div> sẽ không bao giờ chuyển sang dòng mới:

document.getElementById("myDIV").style.whiteSpace = "nowrap";

Thử ngay

Ví dụ 2

Trả về thuộc tính whiteSpace:

alert(document.getElementById("myDiv").style.whiteSpace);

Thử ngay

Ngữ pháp

Trả về thuộc tính whiteSpace:

object.style.whiteSpace

Thiết lập thuộc tính whiteSpace:

object.style.whiteSpace = "normal|nowrap|pre|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
normal

Dãy khoảng trống sẽ được gộp thành một khoảng trống duy nhất.

Text sẽ được chuyển sang dòng mới khi cần thiết. Mặc định.
nowrap

Dãy khoảng trống sẽ được gộp thành một khoảng trống duy nhất.

Text sẽ không bao giờ chuyển sang dòng mới. Text tiếp tục trên dòng hiện tại cho đến khi gặp dấu <br>.
pre

Khoảng trống được duy trì bởi trình duyệt.

Text chỉ được chuyển sang dòng mới tại dấu ngắt dòng. Tương tự như thẻ <pre> trong HTML.
pre-line

Dãy khoảng trống sẽ được gộp thành một khoảng trống duy nhất.

Text sẽ được chuyển sang dòng mới khi cần thiết và chuyển sang dòng mới tại dấu ngắt dòng.
pre-wrap

Khoảng trống được duy trì bởi trình duyệt.

Text sẽ được chuyển sang dòng mới khi cần thiết và chuyển sang dòng mới tại dấu ngắt dòng.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Giá trị trả về: Chuỗi, biểu thị cách xử lý khoảng trống trong phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ