文字中的空白的處理方法。空白字包括：空白，TAB，跳行字（line feed, carriage return, form feed）。可設為：
- normal：連續的空白字都縮減為一個空白，長行遇到右邊界會跳行分為兩行，此為預設值。
- pre：不縮減空白字，維持原狀。
- pre-line：Firefox, Safari, Chrome 的定義是，連續的空白字會縮減為一個空白；跳行字（newline）保留，會跳行；長行也會跳行。IE 的定義是，連續的跳行會保留。
- pre-wrap：Firefox, Safari, Chrome 的定義是，不縮減空白字；跳行字會跳行；長行也會跳行。IE 的定義是，連續的跳行字會縮減為一個跳行。
- nowrap：連續的空白字會縮減為一個空白，不跳行。
- inherit：繼承父元素的特徵值。
前述特徵值主要控制三項：
| 特徵值 | 連續空白字 | 跳行字 | 長行跳行 |
|---|---|---|---|
| normal | 縮為一個 | 視為空白 | 跳行 |
| pre | 保留 | 跳行 | 不跳行 |
| pre-line | 縮為一個 | 跳行 | 跳行 |
| pre-wrap | 保留 | 跳行 | 跳行 |
| nowrap | 縮為一個 | 視為空白 | 不跳行 |
測試 normal
- 風格用法：
<p style='width:200px; background:#a66'>
Not ask what your country
can do for you, ask what you can
do for your country.
</p> - 執行結果：
Not ask what your country can do for you, ask what you can do for your country.
測試 pre
- 風格用法：
<p style='white-space: pre; width:200px; background:#a66'>
Not ask what your country
can do for you, ask what you can
do for your country.
</p> - 執行結果：
Not ask what your country can do for you, ask what you can do for your country.
pre 加上 overflow:auto。
- 風格用法：
<p style='white-space: pre; overflow: auto; width:200px; background:#a66'>
Not ask what your country
can do for you, ask what you can
do for your country.
</p> - 執行結果：
Not ask what your country can do for you, ask what you can do for your country.
| white-space（你正在看 第一頁） | : | 第一頁 | 第二頁 | 第三頁 |
