word-spacing
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính word-spacing chỉ định hành vi khoảng cách giữa các từ.
Nếu một <length> được cung cấp mà không có định danh đơn vị (ví dụ, một số không kèm đơn vị như 128), trình duyệt sẽ xử lý <length> đó như một giá trị chiều rộng trong hệ tọa độ người dùng hiện tại.
Nếu một <length> được cung cấp với một trong các định danh đơn vị (ví dụ, .25em hoặc 1%), thì trình duyệt sẽ chuyển đổi <length> đó thành một giá trị tương ứng trong hệ tọa độ người dùng hiện tại.
Note:
Là một thuộc tính trình bày, word-spacing cũng có một thuộc tính CSS tương ứng: word-spacing. Khi cả hai được chỉ định, thuộc tính CSS sẽ được ưu tiên.
Phần tử
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Ghi chú sử dụng
| Giá trị | normal | <length> |
|---|---|
| Có thể hoạt ảnh | Có |
| Giá trị mặc định | normal |
Để có mô tả về các giá trị, vui lòng tham khảo thuộc tính CSS letter-spacing.
Ví dụ
Ví dụ này bao gồm hai phần tử <text> với các giá trị word-spacing khác nhau.
<svg viewBox="0 0 250 50" xmlns="http://www.w3.org/2000/svg">
<text y="20" word-spacing="4">Khoảng cách giữa các từ lớn hơn</text>
<text x="0" y="40" word-spacing="-0.5">Khoảng cách giữa các từ nhỏ hơn</text>
</svg>
Đặc tả
| Specification |
|---|
| CSS Text Module Level 3 # word-spacing-property |
| Scalable Vector Graphics (SVG) 2 # WordSpacingProperty |
Tương thích trình duyệt
Xem thêm
- Thuộc tính CSS
word-spacing