Thuộc tính white-space trong CSS



Thuộc tính white-space trong CSS được sử dụng để chỉ dẫn trình duyệt xử lý các khoảng trắng trong một phần tử.

Thuộc tính white-space có thể nhận giá trị:

  • normal: dãy khoảng trắng bên trong phần tử sẽ bị chuyển đổi thành một khoảng trắng duy nhất..

  • pre: tất cả khoảng trắng trong phần tử sẽ được cho phép giữ nguyên, cho dù đó là dãy các khoảng trắng hay là các Carriage Return.

  • nowrap: dãy khoảng trắng bên trong phần tử sẽ bị chuyển đổi thành một khoảng trắng duy nhất, nhưng khoảng cách giữa các từ sẽ được giữ nguyên.

Thuộc tính white-space có thể áp dụng cho:

Tất cả phần tử Block Level trong tài liệu.

Cú pháp thuộc tính white-space trong DOM

object.style.whiteSpace = "pre";
Quảng cáo

Ví dụ thuộc tính white-space trong CSS

Tiếp theo là ví dụ minh họa cách sử dụng của thuộc tính white-space trong CSS:

<html>
   <head>
   </head>
   <body>
      <p style="white-space:pre;">
      Phan van ban nay co mot doan xuong dong (line break) va duoc xac duoc voi gia tri pre cua thuoc tinh white-space  
      de noi cho trinh duyet xu ly no giong nhu the PRE trong HTML.</p> 
   </body>
</html> 

Kết quả là: