xml:space

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

SVG hỗ trợ thuộc tính XML tích hợp xml:space để xử lý các ký tự khoảng trắng bên trong phần tử. Các phần tử con bên trong một phần tử cũng có thể có thuộc tính xml:space ghi đè thuộc tính của phần tử cha.

Note: Thay vì dùng thuộc tính xml:space, hãy dùng thuộc tính CSS white-space.

Thuộc tính này ảnh hưởng đến cách trình duyệt phân tích nội dung văn bản và do đó thay đổi cách DOM được xây dựng. Vì vậy, việc thay đổi giá trị của thuộc tính này thông qua API DOM có thể không có tác dụng.

Phần tử

Bạn có thể dùng thuộc tính này với bất kỳ phần tử SVG nào.

Lưu ý sử dụng

Giá trị default | preserve
Giá trị mặc định default
Có thể hoạt ảnh Không
default

Khi đặt giá trị này, các ký tự khoảng trắng sẽ được xử lý theo thứ tự sau:

  1. Tất cả ký tự xuống dòng bị loại bỏ.
  2. Tất cả ký tự tab được chuyển thành ký tự khoảng trắng.
  3. Tất cả ký tự khoảng trắng ở đầu và cuối bị loại bỏ.
  4. Tất cả chuỗi khoảng trắng liên tiếp được gộp thành một ký tự khoảng trắng.
preserve

Giá trị này báo cho user agent chuyển tất cả ký tự xuống dòng và tab thành khoảng trắng. Sau đó, nó sẽ vẽ tất cả các ký tự khoảng trắng (bao gồm cả khoảng trắng ở đầu, cuối và nhiều khoảng trắng liên tiếp).

Ví dụ, chuỗi "a   b" (ba khoảng trắng giữa "a" và "b") tách "a" và "b" nhiều hơn "a b" (một khoảng trắng giữa "a" và "b").

Ví dụ

html
<svg viewBox="0 0 160 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" xml:space="default">    Default    spacing</text>
  <text y="40" xml:space="preserve">    Preserved    spacing</text>
</svg>

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# WhitespaceProcessingXMLSpaceAttribute

Khả năng tương thích trình duyệt