text-decoration-skip
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.
Thuộc tính CSS text-decoration-skip xác định những phần nào trong nội dung của phần tử mà các đường trang trí văn bản tác động lên phần tử đó phải bỏ qua. Thuộc tính kiểm soát tất cả các đường trang trí văn bản được vẽ bởi phần tử và cả các đường trang trí văn bản được vẽ bởi các phần tử cha của nó.
Note:
Hầu hết các trình duyệt khác đang hướng tới hỗ trợ thuộc tính text-decoration-skip-ink đơn giản hơn.
Cú pháp
/* Giá trị từ khóa */
text-decoration-skip: none;
text-decoration-skip: objects;
text-decoration-skip: spaces;
text-decoration-skip: edges;
text-decoration-skip: box-decoration;
/* Nhiều từ khóa */
text-decoration-skip: objects spaces;
text-decoration-skip: leading-spaces trailing-spaces;
text-decoration-skip: objects edges box-decoration;
/* Giá trị toàn cục */
text-decoration-skip: inherit;
text-decoration-skip: initial;
text-decoration-skip: revert;
text-decoration-skip: revert-layer;
text-decoration-skip: unset;
Giá trị
none-
Không bỏ qua phần nào. Do đó, trang trí văn bản được vẽ cho toàn bộ nội dung văn bản và qua các hộp inline-level atomic.
objects-
Toàn bộ hộp margin của phần tử bị bỏ qua nếu nó là một inline atomic như hình ảnh hoặc inline-block.
spaces-
Tất cả khoảng cách bị bỏ qua: tất cả ký tự khoảng trắng Unicode và tất cả dấu phân cách từ, cộng với bất kỳ
letter-spacinghayword-spacingliền kề nào. leading-spaces-
Giống như
spaces, ngoại trừ chỉ bỏ qua các khoảng cách đầu. trailing-spaces-
Giống như
spaces, ngoại trừ chỉ bỏ qua các khoảng cách cuối. edges-
Phần bắt đầu và kết thúc của trang trí văn bản được lùi vào một chút (ví dụ: bằng một nửa độ dày của đường) so với cạnh nội dung của hộp trang trí. Do đó, các phần tử liền kề nhận được các đường gạch chân riêng biệt. (Điều này quan trọng trong tiếng Trung, nơi gạch chân là một dạng dấu câu.)
box-decoration-
Trang trí văn bản bị bỏ qua qua các vùng margin, border và padding của hộp. Điều này chỉ có tác dụng đối với các trang trí được áp đặt bởi một phần tử cha; một hộp trang trí không bao giờ vẽ qua trang trí hộp của chính nó.
Định nghĩa hình thức
| Initial value | objects |
|---|---|
| Applies to | all elements |
| Inherited | yes |
| Computed value | as specified |
| Animation type | discrete |
Cú pháp hình thức
text-decoration-skip =
none |
auto
Ví dụ
Bỏ qua cạnh
HTML
<p>Hey, grab a cup of <em>coffee!</em></p>
CSS
p {
margin: 0;
font-size: 3em;
text-decoration: underline;
text-decoration-skip: edges;
}
Kết quả
Đặc tả kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Text Decoration Module Level 4 # text-decoration-skipping |