CSS trang trí văn bản tùy chỉnh

Mô-đun này bao gồm trang trí văn bản, tôi. e. trang trí các nét chữ của văn bản sau khi sắp chữ theo quy tắc phông chữ và kiểu chữ. (Xem và. ) Các tính năng như vậy theo truyền thống không chỉ được sử dụng cho mục đích trang trí thuần túy mà trong một số trường hợp còn để nhấn mạnh, kính ngữ và để chỉ ra những thay đổi biên tập như thêm, xóa và viết sai chính tả

CSS Cấp 1 và 2 chỉ được xác định rất cơ bản (gạch chân, gạch đầu dòng và gạch ngang) phù hợp với truyền thống đánh máy của phương Tây. Cấp độ 3 của mô-đun này đã thêm khả năng thay đổi màu sắc, kiểu dáng, vị trí và tính liên tục của các trang trí này, đồng thời giới thiệu (được sử dụng theo truyền thống trong kiểu chữ Đông Á) và (được đề xuất sau đó được hoãn lại từ Cấp độ 2). Cấp độ 4 giới thiệu các điều khiển bổ sung đối với các đồ trang trí này

1. 1. Tương tác mô-đun

Mô-đun này thay thế và mở rộng các tính năng trang trí văn bản được định nghĩa trong

Tất cả các thuộc tính trong mô-đun này có thể được áp dụng cho và

1. 2. Định nghĩa giá trị

Thông số kỹ thuật này tuân theo from bằng cách sử dụng from. Các loại giá trị không được xác định trong thông số kỹ thuật này được xác định trong Giá trị & Đơn vị CSS [CSS-VALUES-3]. Việc kết hợp với các mô-đun CSS khác có thể mở rộng định nghĩa của các loại giá trị này

Ngoài các giá trị dành riêng cho thuộc tính được liệt kê trong định nghĩa của chúng, tất cả các thuộc tính được xác định trong thông số kỹ thuật này cũng chấp nhận giá trị thuộc tính của chúng. Để dễ đọc, chúng chưa được lặp lại một cách rõ ràng

1. 3. Thuật ngữ

Các thuật ngữ (ký tự), () và như được sử dụng trong đặc tả này được định nghĩa trong. Các thuật ngữ và khái niệm khác được sử dụng trong đặc tả này được định nghĩa trong và

2. đường trang trí. Gạch chân, gạch ngang và gạch ngang

Các thuộc tính sau mô tả trang trí đường được thêm vào nội dung của một phần tử. Khi được chỉ định trên hoặc được truyền tới một , hộp đó sẽ trở thành hộp trang trí cho trang trí đó, áp dụng trang trí cho tất cả các hộp của nó. Sau đó, trang trí được truyền thêm đến bất kỳ hộp nào phân chia nội tuyến (xem tài liệu tham khảo). Khi được chỉ định trên hoặc được truyền tới một thiết lập một , các trang trí được truyền tới một hộp nội tuyến bao bọc tất cả các phần tử con trong luồng của bộ chứa khối. Khi được chỉ định trên hoặc được truyền tới a , phần trang trí chỉ được truyền tới. Đối với tất cả các loại hộp khác, đồ trang trí được lan truyền tới tất cả trẻ em trong dòng

Lưu ý rằng các trang trí văn bản không được truyền tới bất kỳ hậu duệ ngoài luồng nào, cũng như nội dung của các hậu duệ cấp nội tuyến nguyên tử, chẳng hạn như khối nội tuyến và bảng nội tuyến. Chúng cũng không được truyền cho các hộp con nội tuyến, mặc dù trang trí được áp dụng cho các hộp đó

Gạch chân, gạch trên và gạch ngang chỉ được vẽ cho và được vẽ trên tất cả văn bản (bao gồm khoảng trắng, khoảng cách giữa các chữ cái và khoảng cách giữa các từ) ngoại trừ khoảng cách (khoảng trắng, khoảng cách giữa các chữ cái và khoảng cách giữa các từ) ở đầu và cuối của . , chẳng hạn như hình ảnh và khối nội tuyến, không được trang trí. Lề, đường viền và phần đệm của hộp luôn bị bỏ qua, tuy nhiên, lề, đường viền và phần đệm của hộp nội tuyến con cháu thì không

Lưu ý rằng CSS2. Luôn luôn bỏ qua 1 lề, đường viền và phần đệm bắt buộc. Ở Cấp độ 3 trở lên, theo mặc định, chỉ bỏ qua lề, đường viền và phần đệm của. Trong tương lai CSS2. 1 có thể được cập nhật để phù hợp với mặc định mới này

một hậu duệ di chuyển tất cả các trang trí văn bản được áp dụng cho nó cùng với văn bản của hậu duệ; . Tương tự như vậy, thuộc tính, , bộ lọc và các biến đổi đồ họa khác cũng ảnh hưởng đến tất cả các trang trí văn bản được áp dụng cho hộp đó—kể cả các trang trí được truyền từ hộp tổ tiên—và không ảnh hưởng đến việc tính toán vị trí hoặc độ dày ban đầu của chúng. (Trong trường hợp trang trí đường được vẽ trên một hoặc ngang qua lề/đường viền/phần đệm của a , chúng được liên kết tương tự với hộp nội tuyến nguyên tử/không được thay thế bị ảnh hưởng hơn là với hộp nội tuyến nguyên tử bị ảnh hưởng. )

Trong biểu định kiểu và đoạn tài liệu sau.

blockquote { text-decoration: underline; color: blue; }
em { display: block; }
cite { color: fuchsia; }

Help, help! I am under a hat! —GwieF

...the underlining for the blockquote element is propagated to an anonymous inline box that surrounds the span element, causing the text "Help, help!" to be blue, with the blue underlining from the anonymous inline underneath it, the color being taken from the blockquote element. The

Help, help! I am under a hat! —GwieF

0 in the em block is also underlined, as it is in an in-flow block to which the underline is propagated. The final line of text is fuchsia, but the underline underneath it is still the blue underline from the anonymous inline element.
CSS trang trí văn bản tùy chỉnh
Sơ đồ này hiển thị các hộp liên quan đến ví dụ trên. Dòng nước được làm tròn biểu thị phần tử nội tuyến ẩn danh bao bọc nội dung nội tuyến của phần tử đoạn văn, đường tròn màu xanh lam biểu thị phần tử nhịp và các đường màu cam biểu thị các khối.

Ghi chú. Trang trí dòng được lan truyền qua cây hộp, không thông qua thừa kế và do đó không có tác dụng đối với hậu duệ khi được chỉ định trên một phần tử có

Thuộc tính này, là một trong những cách viết tắt, chỉ định phần trang trí đường nào, nếu có, được thêm vào bởi phần tử. Các giá trị khác với text-decoration-line làm cho phần tử bắt đầu trang trí văn bản được chỉ định, đồng thời áp dụng và truyền bá nó như được mô tả

Ghi chú. Trừ khi màu sắc, kiểu và độ dày của các đường được mong muốn được đặt bằng các khai báo thấp hơn trong , sẽ an toàn hơn nếu sử dụng thay vì điều này

Các giá trị có ý nghĩa như sau

không có Không tạo ra cũng không cản trở trang trí văn bản. gạch chân Mỗi dòng văn bản được gạch chân. overlineMỗi dòng văn bản có một dòng trên nó (i. e. ở phía đối diện với một gạch chân). xuống dòng Mỗi dòng văn bản có một dòng ở giữa. nháy mắtVăn bản nhấp nháy (luân phiên giữa hiển thị và ẩn). Tác nhân người dùng phù hợp có thể đơn giản là không nhấp nháy văn bản. Lưu ý rằng không nhấp nháy văn bản là một kỹ thuật để đáp ứng. Giá trị này không được dùng để ủng hộ Ảnh động. lỗi chính tả Giá trị này cho biết kiểu trang trí văn bản được sử dụng bởi tác nhân người dùng để làm nổi bật các lỗi chính tả. Giao diện của nó do UA xác định và có thể phụ thuộc vào nền tảng. Nó thường được hiển thị dưới dạng gạch chân lượn sóng màu đỏ. lỗi ngữ pháp Giá trị này cho biết loại trang trí văn bản được sử dụng bởi tác nhân người dùng để làm nổi bật các lỗi ngữ pháp. Giao diện của nó được xác định bởi UA và có thể phụ thuộc vào nền tảng. Nó thường được hiển thị dưới dạng một đường gạch dưới lượn sóng màu xanh lá cây

Ghi chú. Trong , có thể làm cho gạch dưới và gạch trên đổi bên. Điều này cho phép vị trí của gạch chân tự động tắt các tùy chọn dành riêng cho ngôn ngữ

Vì và các trang trí hoàn toàn do UA xác định, nên UA có thể bỏ qua phần còn lại của , cũng như bất kỳ thuộc tính nào khác thường ảnh hưởng đến sự xuất hiện của các trang trí đường (chẳng hạn như , , hoặc ) khi hiển thị các trang trí này. Tuy nhiên, trong phạm vi mà việc tôn vinh bất kỳ thuộc tính nào trong số này sẽ có ý nghĩa và thiết thực đối với kết xuất đã chọn của UA, thì UA nên áp dụng chúng dưới dạng các sửa đổi đối với kiểu dáng mặc định của nó

Thuộc tính này, là một trong những cách viết tắt, đặt kiểu vẽ đường của gạch chân, gạch trên và đường xuyên được chỉ định trên phần tử bằng và ảnh hưởng đến tất cả các trang trí bắt nguồn từ phần tử này ngay cả khi các hộp con cháu chỉ định một kiểu khác

Các giá trị có cùng ý nghĩa như đối với. lượn sóng biểu thị một đường lượn sóng

Thuộc tính này, là một trong những cách viết tắt, đặt màu của gạch chân, gạch trên và dòng xuyên suốt được chỉ định trên phần tử có , đồng thời ảnh hưởng đến tất cả các trang trí bắt nguồn từ phần tử này ngay cả khi các hộp con cháu chỉ định một màu khác

Thuộc tính này, là một trong những cách viết tắt, đặt độ dày nét của đường gạch chân, đường gạch trên và đường xuyên được chỉ định trên phần tử có , đồng thời ảnh hưởng đến tất cả các trang trí bắt nguồn từ phần tử này ngay cả khi các hộp con cháu chỉ định độ dày khác

Các giá trị có ý nghĩa như sau

autoThe UA chọn độ dày thích hợp cho các dòng trang trí văn bản; . from-fontNếu có số liệu cho biết chiều rộng gạch chân ưa thích, hãy sử dụng chiều rộng đó, nếu không thì hoạt động như. Chỉ định độ dày của các dòng trang trí văn bản dưới dạng độ dài cố định. UA phải sàn giá trị thực tại một pixel thiết bị

Ghi chú. Độ dài sẽ kế thừa dưới dạng giá trị cố định và sẽ không chia tỷ lệ với phông chữ

Chỉ định độ dày của các dòng trang trí văn bản theo tỷ lệ phần trăm của 1em. UA phải sàn giá trị thực tại một pixel thiết bị

Ghi chú. Tỷ lệ phần trăm sẽ kế thừa dưới dạng giá trị tương đối và do đó sẽ thay đổi tỷ lệ theo các thay đổi về phông chữ khi nó kế thừa

2. 4. 1. Độ dày tự động của các dòng trang trí văn bản

Một số định dạng phông chữ (chẳng hạn như OpenType) có thể cung cấp thông tin về độ dày thích hợp của trang trí đường kẻ. UA nên sử dụng thông tin dựa trên phông chữ đó khi chọn độ dày của dòng ở bất cứ nơi nào thích hợp

2. 5. Xác định vị trí và độ dày của đường trang trí

Phần này được sao chép từ các bản thảo đầu tiên của Trang trí văn bản Cấp độ 3. Nó vẫn đang được xem xét và cần tích hợp với và

Vì trang trí đường kẻ có thể kéo dài các thành phần có kích thước phông chữ và căn chỉnh theo chiều dọc khác nhau, nên vị trí tốt nhất để trang trí đường kẻ không nhất thiết phải là vị trí lý tưởng được chỉ định bởi. Thay vào đó, nó được tính toán, trên mỗi dòng, từ tất cả văn bản được trang trí bởi hộp trang trí trên dòng đó, văn bản được xem xét. Tuy nhiên, hậu duệ của hộp trang trí bị bỏ qua do , hậu duệ nội tuyến với text-decoration-skip. mực và bất kỳ hậu duệ nào không tham gia vào ngữ cảnh định dạng nội tuyến của hộp trang trí đều bị loại khỏi tập hợp

Các vị trí trang trí đường sau đó được tính trên mỗi dòng như sau (xử lý các đường gạch chân được định vị là trên các dòng và các đường gạch trên được định vị là dưới các dòng)

linesCăn chỉnh trang trí đường kẻ theo cạnh hộp EM cao nhất của. gạch chân chữ cái Vị trí gạch chân chữ cái được tính bằng cách lấy phần bù lý tưởng (từ đường cơ sở chữ cái) của mỗi lần chạy , lấy trung bình các giá trị đó, sau đó sử dụng đường cơ sở chữ cái thấp nhất để thực sự định vị dòng. (Đường cơ sở theo bảng chữ cái có thể khác nhau giữa các hộp được căn chỉnh nếu đường cơ sở chi phối không phải theo bảng chữ cái. ) Để ngăn các chỉ số trên và chỉ số dưới làm lệch vị trí này, một dòng nội tuyến không được tính toán ban đầu được coi là có vị trí gạch chân lý tưởng của cha mẹ của nó. các dòng không phải bảng chữ cáiĐịnh vị phần trang trí của dòng đối với cạnh hộp EM thấp nhất của. line-throughsLine-throughs về cơ bản sử dụng cùng một loại tính trung bình như đối với gạch dưới chữ cái, nhưng tính toán lại vị trí khi vẽ qua phần con cháu với cách tính khác. (Điều này đảm bảo rằng văn bản vẫn bị “gạch bỏ” một cách hiệu quả bất chấp mọi thay đổi về kích thước phông chữ. ) Đối với mỗi lần chạy có cùng kích thước phông chữ, hãy tính trung bình vị trí lý tưởng từ số liệu phông chữ của nó. Để ngăn các chỉ số trên và chỉ số dưới làm lệch vị trí này, một nội tuyến có tính toán không phải là chữ cái đầu được coi là có vị trí gạch chân lý tưởng của cha mẹ của nó. Định vị phần của đường kẻ ngang qua từng đoạn được trang trí tại vị trí đó

Để đơn giản, các dòng thông qua nên vẽ qua từng phần tử ở vị trí ưa thích/trung bình của phần tử đó. Điều này có thể tạo ra một số sự giật mình không mong muốn, nhưng dường như không có cách nào để tránh điều đúng trong mọi trường hợp và mọi nỗ lực đều phức tạp một cách đáng lo ngại. Vị trí nào nên áp dụng các dòng thông qua trên các phần tử có kích thước phông chữ khác, nhưng không?

CSS không xác định độ dày của đường trang trí. Khi xác định độ dày của các dòng trang trí văn bản, tác nhân người dùng có thể xem xét kích thước phông chữ, khuôn mặt và trọng lượng của con cháu để cung cấp độ dày trung bình phù hợp

Hình dưới đây cho thấy mức trung bình cho phần gạch chân

CSS trang trí văn bản tùy chỉnh

Trong ba đoạn văn bản được gạch chân, phần gạch dưới được vẽ thấp hơn và dày hơn liên tiếp khi tỷ lệ văn bản lớn so với văn bản nhỏ tăng lên

Sử dụng cùng một ví dụ, một dòng trong đoạn thứ hai, thay vì lấy trung bình hai kích thước phông chữ, chia dòng thành hai phân đoạn

CSS trang trí văn bản tùy chỉnh

Tuy nhiên, trong cả hai trường hợp, chỉ số trên, do dịch chuyển căn chỉnh theo chiều dọc, không ảnh hưởng đến vị trí của dòng

2. 6. Trang trí văn bản. bất động sản

Thuộc tính này là cách viết tắt của thiết lập , , và trong một khai báo. Các giá trị bị bỏ qua được đặt thành giá trị ban đầu của chúng

Ví dụ sau đây gạch dưới các liên kết chưa được truy cập bằng một đường gạch dưới liền màu xanh lam trong các UA CSS1 và CSS2 và một đường gạch chân có chấm màu xanh nước biển trong các UA CSS3.

:link {
  color: blue;
  text-decoration: underline;
  text-decoration: navy dotted underline; /* Ignored in CSS1/CSS2 UAs */
}

Ghi chú. Tốc ký cố ý bỏ qua thuộc tính, là cài đặt phụ thuộc vào ngôn ngữ/hệ thống chữ viết, loại bỏ nội dung, để nó có thể xếp tầng và kế thừa độc lập khỏi cài đặt văn phong (không kế thừa) của tốc ký

Thuộc tính này, không phải là tốc ký, đặt vị trí của gạch chân đối với văn bản và xác định vị trí của nó để điều chỉnh thêm bằng cách. Nó ảnh hưởng đến tất cả các trang trí có nguồn gốc từ phần tử này, ngay cả khi các hộp con cháu chỉ định một vị trí khác. Nó không ảnh hưởng đến gạch chân được chỉ định bởi các phần tử tổ tiên

Ví dụ sau tạo kiểu văn bản tiếng Trung, tiếng Nhật và tiếng Hàn hiện đại với các vị trí gạch chân thích hợp trong cả văn bản ngang và dọc.

:root:lang(ja), [lang|=ja], :root:lang(ko), [lang|=ko] { text-underline-position: under right; }
:root:lang(zh), [lang|=zh] { text-underline-position: under left; }

Nếu or được chỉ định một mình, cũng được ngụ ý. Các giá trị có ý nghĩa như sau

autoTác nhân người dùng có thể sử dụng bất kỳ thuật toán nào để xác định vị trí của gạch dưới;

Ghi chú. Có ý kiến ​​cho rằng vị trí gạch chân mặc định gần với đường cơ sở của bảng chữ cái, trừ khi vị trí đó sẽ vượt qua văn bản có chỉ số dưới (hoặc nói cách khác là hạ thấp) hoặc vẽ lên các nét chữ từ các chữ viết châu Á như Hán hoặc Tây Tạng mà phần gạch chân trong bảng chữ cái quá cao. trong những trường hợp như vậy, chuyển phần gạch dưới xuống dưới hoặc căn chỉnh với cạnh hộp em như được mô tả có thể phù hợp hơn

CSS trang trí văn bản tùy chỉnh

Một gạch chân "chữ cái" điển hình được đặt ngay bên dưới đường cơ sở chữ cái

from-fontNếu có số liệu biểu thị phần bù gạch chân ưa thích, hãy sử dụng phần bù đó, nếu không thì hoạt động như. bên dưới Phần gạch chân được định vị bên dưới nội dung văn bản của phần tử. Trong trường hợp này, đường gạch chân thường không vượt qua các đường gạch dưới. (Điều này đôi khi được gọi là gạch chân "kế toán". ) Giá trị này có thể được kết hợp với hoặc nếu một mặt cụ thể được ưu tiên theo chiều dọc

Vì kế thừa và không được đặt lại bằng tốc ký, ví dụ sau chuyển tài liệu sang sử dụng gạch chân, điều này có thể phù hợp hơn cho các hệ thống viết có phần xuống dài và phức tạp. Nó cũng thường hữu ích cho các văn bản toán học hoặc hóa học sử dụng nhiều chỉ số dưới.

:root { text-underline-position: under; }

Ghi chú. Giá trị dưới không đảm bảo rằng phần gạch dưới sẽ không xung đột với các nét chạm, vì một số phông chữ có dấu phụ hoặc dấu phụ kéo dài bên dưới chỉ số gốc của phông chữ

leftTrong vertical , gạch chân được căn chỉnh như đối với , ngoại trừ nó luôn được căn chỉnh theo cạnh trái của văn bản. Nếu điều này làm cho đường gạch chân được vẽ ở phía "trên" của văn bản, thì đường gạch trên cũng đổi bên và được vẽ ở phía "dưới". rightTrong vertical , gạch dưới được căn chỉnh như đối với , ngoại trừ nó luôn được căn chỉnh theo cạnh bên phải của văn bản. Nếu điều này làm cho đường gạch chân được vẽ ở phía "trên" của văn bản, thì đường gạch trên cũng đổi bên và được vẽ ở phía "dưới"

Trong vertical , các giá trị và cho phép đặt gạch chân ở hai bên của văn bản. (Trong chế độ in ngang, cả hai giá trị được coi là. )

Thuộc tính này, không phải là tốc ký, đặt phần bù của phần gạch chân từ. Độ lệch dương biểu thị khoảng cách ra bên ngoài từ văn bản; . Nó ảnh hưởng đến tất cả các trang trí có nguồn gốc từ phần tử này, ngay cả khi các hộp con cháu chỉ định một vị trí khác. Nó không ảnh hưởng đến gạch chân được chỉ định bởi các phần tử tổ tiên

Các giá trị có ý nghĩa như sau

tự động

UA chọn một phần bù thích hợp cho phần gạch chân

Tuy nhiên, phần bù này phải bằng 0 nếu giá trị được tính toán của là và UA có thể trích xuất một số liệu thích hợp để sử dụng từ phông chữ

Chỉ định phần bù của phần gạch chân dưới dạng độ dài cố định

Ghi chú. Độ dài sẽ kế thừa dưới dạng giá trị cố định và sẽ không chia tỷ lệ với phông chữ

Chỉ định phần bù của phần gạch chân dưới dạng phần trăm của 1em

Ghi chú. Tỷ lệ phần trăm sẽ kế thừa dưới dạng giá trị tương đối và do đó sẽ thay đổi tỷ lệ theo các thay đổi về phông chữ khi nó kế thừa

Khi giá trị của thuộc tính là hoặc , UA có thể bỏ qua giá trị của

2. 8. 1. Gốc gạch chân Offset (Vị trí không)

Vị trí 0 của gạch chân phụ thuộc vào giá trị của như chi tiết bên dưới

Đường gạch dưới được căn chỉnh ra bên ngoài vị trí đã chỉ định (chỉ mở rộng độ dày của nó theo hướng tích cực)

Bất kỳ điều chỉnh tự động nào được thực hiện để phù hợp với nội dung con cháu đều được duy trì;

2. 8. 2. Sử dụng số liệu phông chữ để định vị tự động

Một số định dạng phông chữ (chẳng hạn như OpenType) có thể cung cấp thông tin về vị trí thích hợp của trang trí đường kẻ. UA nên sử dụng thông tin dựa trên phông chữ đó trong lựa chọn bù trừ của mình bất cứ khi nào thích hợp và phải sử dụng thông tin đó khi được chỉ định cho

Ghi chú. Thông thường, số liệu phông chữ OpenType cung cấp vị trí của gạch chân theo thứ tự bảng chữ cái; . (Trong trường hợp này, số liệu gạch dưới của phông chữ thường chạm vào cạnh dưới của hộp em). UA có thể nhưng không bắt buộc phải sửa các chỉ số phông chữ không chính xác

2. 9. Tính đồng nhất của dòng trang trí văn bản

Vị trí và độ dày chính xác của trang trí đường phụ thuộc vào các giá trị của , , và như được xác định ở trên và được xác định bởi UA. Tuy nhiên, đối với gạch dưới và gạch trên, UA phải sử dụng một độ dày và vị trí duy nhất trên mỗi dòng cho các đồ trang trí bắt nguồn từ một hộp trang trí duy nhất

CSS trang trí văn bản tùy chỉnh
so với.
CSS trang trí văn bản tùy chỉnh

Kết xuất đúng và sai của

Help, help! I am under a hat! —GwieF

1

Lưu ý, vì trang trí đường kẻ có thể kéo dài các thành phần có kích thước phông chữ và căn chỉnh theo chiều dọc khác nhau, nên vị trí tốt nhất để trang trí đường kẻ không nhất thiết phải là vị trí lý tưởng do hộp trang trí quy định. Ví dụ: một đường gạch ngang được định vị ở một phông chữ nhỏ sẽ thực sự trở thành một dòng xuyên suốt nếu phần tử chứa văn bản ở cỡ chữ lớn hơn đáng kể. Ngay cả đối với phần gạch chân, nếu văn bản không được căn chỉnh theo đường cơ sở chữ cái (ví dụ: trong kiểu sắp chữ dọc, văn bản được căn chỉnh theo đường cơ sở trung tâm theo mặc định ) thì phần gạch chân sẽ cắt qua văn bản con cháu có cỡ chữ lớn hơn. Do đó, việc xem xét UA về nội dung con cháu sẽ dẫn đến kiểu chữ tốt hơn

CSS trang trí văn bản tùy chỉnh
CSS trang trí văn bản tùy chỉnh

Do căn chỉnh đường cơ sở trung tâm của văn bản dọc, gạch dưới bên trái trên văn bản dọc nhỏ sẽ cắt qua văn bản của trẻ em có cỡ chữ lớn hơn. Gạch chân không được phép bị ngắt, nhưng điều chỉnh vị trí của nó xa hơn về bên trái sẽ phù hợp với tất cả văn bản được gạch chân

Các UA phải điều chỉnh vị trí đường kẻ để khớp với số liệu đã thay đổi của các hộp trang trí được thay đổi với các giá trị khác hoặc được chỉ số dưới/được chỉ số trên thông qua , nhưng không được điều chỉnh vị trí hoặc độ dày của đường để đáp ứng với hậu duệ của hộp trang trí được tạo kiểu như vậy (mặc dù có thể . Điều này cho phép các chỉ số trên và chỉ số dưới được trang trí phù hợp (gạch chân, gạch ngang, v.v. ) nhưng ngăn chúng làm biến dạng hoặc phá vỡ vị trí của những đồ trang trí đó trên tổ tiên của chúng

CSS trang trí văn bản tùy chỉnh

Ví dụ về gạch chân được áp dụng cho văn bản có chỉ số trên so với. gạch chân được áp dụng cho văn bản có chứa chỉ số trên

2. 10. Dòng trang trí văn bản liên tục. tốc ký và thuộc tính phụ của nó

CSSWG đã giải quyết để tách chức năng bỏ qua thành các thuộc tính riêng lẻ dọc theo dòng , để cải thiện hành vi xếp tầng của nó. Xem thảo luận và giải quyết. Phần này là bản nháp sơ bộ và chưa được CSSWG hiệu đính

Thuộc tính và các thuộc tính con của nó (, , , , ) kiểm soát sự gián đoạn trong trang trí dòng mà phần tử hoặc tổ tiên là phần tử. Giá trị không đặt tất cả các thuộc tính phụ thành và giá trị tự động đặt tất cả các thuộc tính phụ thành giá trị ban đầu của chúng

Định nghĩa này có tương thích với Web không?

Lưu ý rằng các thuộc tính này kế thừa và các phần tử con cháu có thể có cài đặt khác

Phần bổ sung sau đây được thực hiện cho biểu định kiểu UA mặc định cho HTML

ins, del { text-decoration-skip: none; }

Khi giá trị của thuộc tính là hoặc hoặc , UA có thể bỏ qua bất kỳ hoặc tất cả các thuộc tính này

2. 10. 1. Bỏ qua dấu cách. bất động sản

CSSWG đã quyết định chia thành các thuộc tính phụ, nhưng CSSWG vẫn chưa xem xét bộ giá trị này

Thuộc tính này chỉ định liệu bất kỳ dòng trang trí văn bản nào được vẽ bởi tổ tiên của nó có được lan truyền hoặc vẽ qua phần tử hay không. Các giá trị có ý nghĩa như sau

không bỏ qua gì. đường trang trí từ tổ tiên được truyền đến hoặc vẽ trên hộp này, nếu thích hợp. các đối tượng Bỏ qua phần tử này (toàn bộ hộp bên lề của nó) nếu nó là một nội tuyến nguyên tử (chẳng hạn như hình ảnh hoặc khối nội tuyến)

2. 10. 2. Bỏ qua dấu cách. bất động sản

CSSWG đã quyết định chia thành các thuộc tính phụ, nhưng CSSWG vẫn chưa xem xét bộ giá trị này

Thuộc tính này chỉ định phần nào của khu vực hộp của phần tử mà bất kỳ trang trí văn bản nào ảnh hưởng đến phần tử phải bỏ qua. Nó chỉ kiểm soát các dòng trang trí văn bản được vẽ bởi tổ tiên của nó. Các giá trị có ý nghĩa như sau

không bỏ qua gì. đường trang trí từ tổ tiên được vẽ từ cạnh lề đến cạnh lề. allKhi vẽ các đường trang trí văn bản được áp dụng cho tổ tiên, hãy bỏ qua các vùng lề, đường viền và phần đệm riêng của hộp và chỉ vẽ trang trí đường trong vùng nội dung của nó

Giá trị này chỉ có tác dụng đối với đồ trang trí do tổ tiên áp đặt;

2. 10. 3. Các cạnh chèn. bất động sản

CSSWG đã quyết định chia thành các thuộc tính phụ, nhưng CSSWG vẫn chưa xem xét bộ giá trị này

Thuộc tính này chỉ định phần nào của khu vực hộp của phần tử mà bất kỳ trang trí văn bản nào ảnh hưởng đến phần tử phải bỏ qua. Nó kiểm soát tất cả các dòng trang trí văn bản được vẽ bởi phần tử, nhưng không phải bất kỳ dòng trang trí văn bản nào được vẽ bởi tổ tiên của nó. Các giá trị có ý nghĩa như sau

không bỏ qua gì. trang trí văn bản được vẽ từ cạnh hộp này sang cạnh hộp khác. autoThe UA phải đặt phần đầu và phần cuối của dòng vào trong một chút so với cạnh nội dung của dòng sao cho e. g. hai yếu tố được gạch chân cạnh nhau dường như không có một gạch chân nào. Kích thước của phần phụ tùy thuộc vào tác nhân người dùng (e. g. độ dày nửa đường) nhưng không được bằng 0. (Điều này rất quan trọng trong tiếng Trung, trong đó gạch chân là một dạng dấu câu. )

Đây có thể muốn là một tài sản độc lập chứ không phải là một phần của tập hợp. Xem thêm Sự cố 4557, về việc kiểm soát rõ ràng độ dài của dòng

2. 10. 4. Bỏ qua dấu cách. bất động sản

Giá trị ban đầu có nên dành cho Web-compat không? . Xem thêm Sự cố 4653

Thuộc tính này chỉ định xem trang trí văn bản có bỏ qua bất kỳ khoảng trắng nào không. Nó kiểm soát tất cả các dòng trang trí văn bản được vẽ bởi phần tử và cũng như bất kỳ dòng trang trí văn bản nào được vẽ bởi tổ tiên của nó. Các giá trị có ý nghĩa như sau

không có cái nào không bị bỏ qua. Chúng được trang trí giống như bất kỳ nhân vật nào khác. allBỏ qua tất cả , cộng với bất kỳ liền kề hoặc. startSkip all , cộng với bất kỳ or , liền kề nào, khi nằm ở đầu dòng. endBỏ qua tất cả , cộng với bất kỳ liền kề hoặc , khi nằm ở cuối dòng

Đối với mục đích của thuộc tính này, dấu cách là bất kỳ dấu cách nào có thuộc tính Unicode White_Space ngoại trừ U+202F HẸN GẶP KHÔNG GIAN KHÔNG NGẮT hoặc bất kỳ

2. 10. 5. Bỏ qua Glyph. bất động sản

Thuộc tính này kiểm soát cách các đường gạch trên và gạch dưới được vẽ khi chúng đi qua một hình tượng. Nó ảnh hưởng đến tất cả các trang trí có nguồn gốc từ phần tử này ngay cả khi các hộp con cháu chỉ định một kiểu khác

Khi được bật, các đường trang trí sẽ bỏ qua nơi các nét vẽ được vẽ. làm gián đoạn đường trang trí để cho hình dạng của văn bản hiển thị thông qua nơi mà phần trang trí văn bản sẽ vượt qua một hình tượng. UA cũng phải bỏ qua một khoảng cách nhỏ đến hai bên của đường viền hình tượng

CSS trang trí văn bản tùy chỉnh

Bỏ qua mực Glyph

Chữ viết tượng hình không muốn bỏ qua khi. Làm thế nào chúng ta có thể xác định hành vi này? . Xem phút điện thoại, alreq#86, csswg#1288

Thuộc tính này chỉ áp dụng cho gạch chân và gạch chân;

autoUAs có thể làm gián đoạn các đường gạch dưới và gạch ngang nơi đường kẻ sẽ cắt mực hình tượng và ở một khoảng cách nào đó về hai bên của đường viền hình tượng. Các UA nên xem xét kịch bản của văn bản (xem ghi chú bên dưới) khi xác định xem có nên áp dụng hành vi bỏ qua mực cho một phạm vi nội dung nhất định hay không. allUAs phải làm gián đoạn gạch chân và gạch ngang nơi đường kẻ sẽ cắt mực hình tượng và ở một khoảng cách nào đó về hai bên của đường viền hình tượng. noneUA phải vẽ các đường gạch chân và gạch chân liên tục, không bị gián đoạn khi chúng vượt qua một hình tượng

Ghi chú. Kinh nghiệm triển khai cho thấy rằng hành vi bỏ viết tay thường tạo ra kết quả không mong muốn khi văn bản được gạch chân bao gồm các ký tự tượng hình, vì vị trí gạch chân (tùy thuộc vào phông chữ và tác nhân người dùng có liên quan) thường xung đột với hầu hết tất cả các nét tượng trưng, ​​do đó thỉnh thoảng chỉ còn lại các đoạn của dòng

Về nguyên tắc, tác giả có thể giải quyết vấn đề này bằng cách sử dụng (hoặc có thể ) để di chuyển phần gạch chân xuống vị trí thấp hơn không xung đột với các nét tượng trưng, ​​nhưng điều này không phải lúc nào cũng khả thi, ngay cả khi tác nhân người dùng hỗ trợ các thuộc tính này và tác giả biết . Đặc biệt, khi một trang chứa nội dung do người dùng tùy ý tạo, tác giả chịu trách nhiệm thiết kế có thể không biết liệu nội dung CJK có xuất hiện hay không. Và với nội dung có chữ viết hỗn hợp, vị trí gạch chân được thiết kế để hoạt động tốt cho nội dung CJK có thể trông tệ nếu phần lớn văn bản không phải là CJK

Do đó, khi có hiệu lực, một UA thực hiện tính năng bỏ qua mực sẽ không làm như vậy trong ngữ cảnh CJK. (Các tác giả muốn áp dụng tính năng bỏ qua mực cho nội dung CJK có thể sử dụng giá trị luôn để yêu cầu điều này một cách rõ ràng. )

Về cơ bản, điều này có nghĩa là không áp dụng tính năng bỏ qua viết tay cho các ký tự có thuộc tính Tập lệnh Unicode là bất kỳ tập lệnh CJK nào là Han, Hiragana, Katakana, Bopomofo hoặc Hangul hoặc cho các ký tự có thuộc tính Tập lệnh là Kế thừa hoặc Chung và thuộc tính ScriptExtensions bao gồm một hoặc

Ngoài ra, các ký tự có thuộc tính tập lệnh Unicode là Chung và Kế thừa (chủ yếu là dấu chấm câu và ký hiệu chung) cần được xem xét, vì những ký tự này có thể được sử dụng như một phần của nội dung tập lệnh CJK và nên xử lý tất cả văn bản trong . Do đó, UA nên phân giải văn bản thành tập lệnh chạy như được mô tả trong phần “Thuộc tính tập lệnh Unicode”, cụ thể là tiểu mục 5. 1 và 5. 2. Sau khi áp dụng các phương pháp phỏng đoán được mô tả ở đó (hoặc phân tích tập lệnh tương tự), UA sẽ vô hiệu hóa tính năng bỏ qua mực cho tất cả các phạm vi văn bản được xác định là có trong tập lệnh CJK

Có tập lệnh nào khác (không phải CJK) trong đó tốt hơn là tắt tính năng bỏ qua mực theo mặc định (khi có hiệu lực) không? . )

2. 10. 6. Gián đoạn định hình

Khi UA làm gián đoạn gạch chân hoặc gạch ngang tại ranh giới hình tượng, hình dạng của đường tại ranh giới đó sẽ tuân theo hình dạng của hình tượng

Lưu ý, thông số kỹ thuật này cố ý không bắt buộc một phương pháp cụ thể để "theo hình dạng" của nét chữ để các UA có thể thực hiện các biện pháp thích hợp để xử lý các cân nhắc về hiệu suất và thẩm mỹ. Ví dụ: một UA có thể giả sử kết thúc đường vuông dưới ngưỡng kích thước nhất định vì lý do hiệu suất; . Xét về khía cạnh thẩm mỹ, UA cũng có thể xem xét điều gì sẽ xảy ra khi đường ranh giới của nét vẽ chỉ cắt một phần của độ dày của đường kẻ hoặc nghiêng gần với đường nằm ngang—việc đi theo đường cong chính xác có thể dẫn đến các đường gạch dưới khó xử về mặt chính tả. Có nên hiển thị dòng trong các khu vực kín của glyph hay không là một sự cân nhắc khác

CSS trang trí văn bản tùy chỉnh

Việc giấu phần gạch chân vào trong tô giúp chữ trông gọn gàng hơn, trong khi các đầu cong của phần gạch chân bên ngoài gợi ý tính liên tục của phần gạch chân xuyên suốt chữ cái bằng cách ôm sát đường viền bên ngoài của nó

3. Kiểm soát bổ sung cho dấu nhấn mạnh

Các tài liệu Đông Á theo truyền thống sử dụng các ký hiệu nhỏ bên cạnh mỗi nét chữ để nhấn mạnh dòng văn bản. Ví dụ

CSS trang trí văn bản tùy chỉnh

Nhấn mạnh trọng âm (hiển thị bằng màu xanh lam để rõ ràng) được áp dụng cho văn bản tiếng Nhật

Có thể sử dụng tốc ký, ký hiệu và ký tự dài của nó để áp dụng các ký hiệu đó cho văn bản. Thuộc tính kế thừa riêng cho phép thiết lập vị trí của dấu nhấn đối với văn bản

Xem thêm vấn đề về tính liên tục về kích thước/vị trí

Thuộc tính này áp dụng các dấu nhấn mạnh cho văn bản của phần tử. Các giá trị có ý nghĩa như sau

không cóKhông có dấu nhấn mạnh. fillHình dạng được tô bằng màu đồng nhất. mở Hình dạng rỗng. dotDisplay các vòng tròn nhỏ dưới dạng nhãn hiệu. Dấu chấm đầy là U+2022 '•' và dấu chấm mở là U+25E6 '◦'. circleHiển thị các vòng tròn lớn dưới dạng nhãn hiệu. Hình tròn được lấp đầy là U+25CF '●' và hình tròn mở là U+25CB '○'. double-circleHiển thị hình tròn kép dưới dạng nhãn hiệu. Hình tròn kép được lấp đầy là U+25C9 '◉' và hình tròn kép mở là U+25CE '◎'. tam giác Hiển thị hình tam giác dưới dạng đánh dấu. Tam giác đầy là U+25B2 '▲', và tam giác mở là U+25B3 '△'. vừngHiển thị vừng dưới dạng nhãn hiệu. Mè đầy là U+FE45 '﹅' và mè mở là U+FE46 '﹆'. Hiển thị chuỗi đã cho dưới dạng dấu. Tác giả không nên chỉ định nhiều hơn một ký tự trong. UA có thể cắt ngắn hoặc bỏ qua các chuỗi bao gồm nhiều hơn một cụm biểu đồ

Nếu một từ khóa hình dạng được chỉ định nhưng không có hoặc không được chỉ định, điền được giả định. Nếu chỉ điền hoặc mở được chỉ định, từ khóa hình dạng sẽ tính ở chế độ in ngang và dọc

Các dấu phải được vẽ bằng cách sử dụng cài đặt phông chữ của thành phần có thêm tính năng và kích thước được thu nhỏ lại 50%. Tuy nhiên, vì không phải tất cả các phông chữ đều có tất cả các nét chữ này và một số phông chữ sử dụng kích thước không phù hợp cho các dấu nhấn mạnh trong các điểm mã này, nên UA có thể chọn sử dụng một phông chữ được biết là phù hợp cho các dấu nhấn mạnh hoặc thay vào đó, các dấu này có thể được tổng hợp bởi . Dấu phải đứng thẳng theo phương thẳng đứng. giống như các ký tự CJK, chúng không xoay để phù hợp với chế độ viết. Hướng của nhãn hiệu trong chế độ in ngang hoặc dọc không được xác định ở cấp độ này (nhưng có thể được xác định ở cấp độ tương lai nếu các trường hợp sử dụng rõ ràng phát sinh)

Ghi chú. Một ví dụ về phông chữ tốt cho dấu nhấn mạnh là Phông chữ OpenType Generic mã nguồn mở của Adobe, được thiết kế đặc biệt cho dấu nhấn mạnh.

Các điểm được rút ra một lần cho mỗi. Tuy nhiên, dấu nhấn mạnh không được rút ra cho

  • hoặc khác thuộc về các lớp phân cách Unicode (Z*). (Nhưng lưu ý rằng các dấu nhấn mạnh được vẽ cho khoảng trắng kết hợp với bất kỳ ký tự kết hợp nào. )
  • Dấu chấm câu--cụ thể là bất kỳ dấu nào thuộc về Unicode P* và không

    Help, help! I am under a hat! —GwieF

    2 chuẩn hóa thành bất kỳ ký hiệu nào sau đây. #U+0023KÝ HIỆU SỐ%U+0025KÝ HIỆU PHẦN TRĂM‰U+2030 KÝ HIỆU TRÊN MƯỜI TRIỆU‱U+2031KÝ HIỆU MƯỜI NGÀNH‪U+066KÝ HIỆU PHẦN TRĂM AARABICU+0609KÝ HIỆU CHỈ SỐ ARABIC MỖI MỖI MILLE U+060AARABIC-INDIC TRÊN MƯỜI KÝ HIỆU TRƯỞNG THÀNH&U+0026AMPERSAND
  • Các ký tự thuộc lớp Unicode mã điều khiển và ký tự chưa gán (Cc, Cf, Cn)

Ghi chú. Kiểm soát các ký tự được đánh dấu sẽ được thêm vào Cấp độ 4. (Danh sách dấu câu cũng có thể được tinh chỉnh thêm, đặc biệt đối với dấu câu không phải CJK. )

Thuộc tính này chỉ định màu nền trước của các dấu nhấn mạnh

Ghi chú. từ khóa tự tính toán và được phân giải thành giá trị sau khi kế thừa được thực hiện. Điều này có nghĩa là theo mặc định khớp với màu văn bản ngay cả khi màu thay đổi giữa các phần tử

3. 3. Nhấn mạnh Đánh dấu Viết tắt. bất động sản

Thuộc tính này là cách viết tắt của cài đặt và trong một lần khai báo. Các giá trị bị bỏ qua được đặt thành giá trị ban đầu của chúng

Lưu ý rằng không được thiết lập lại trong tốc ký này. Điều này là do thông thường hình dạng và màu sắc khác nhau, nhưng vị trí nhất quán cho một ngôn ngữ cụ thể trong toàn bộ tài liệu. Do đó vị trí nên kế thừa độc lập

Thuộc tính này mô tả nơi các dấu nhấn mạnh được vẽ tại. Nếu [đúng. left ] bị bỏ qua, nó mặc định là. Các giá trị có ý nghĩa sau

overDraw đánh dấu trên văn bản theo chiều ngang. gạch dướiDraw đánh dấu dưới văn bản theo chiều ngang. phảiDấu đánh dấu bên phải văn bản theo chiều dọc. leftVẽ dấu bên trái văn bản theo chiều dọc

Dấu nhấn mạnh được vẽ chính xác như thể mỗi ký tự được gán dấu là văn bản chú thích ruby ​​của nó với vị trí ruby ​​​​được cung cấp bởi và căn chỉnh ruby ​​​​được căn giữa. Lưu ý rằng vị trí này có thể được điều chỉnh nếu nó xung đột với trang trí gạch dưới hoặc gạch trên

Hiệu ứng của các dấu nhấn đối với chiều cao của dòng giống như đối với văn bản ruby

Lưu ý, vị trí ưa thích của dấu nhấn mạnh phụ thuộc vào ngôn ngữ. Ví dụ, trong tiếng Nhật, vị trí ưa thích là bên phải. Mặt khác, trong tiếng Trung Quốc, vị trí ưa thích là dưới bên phải. Bảng thông tin dưới đây tóm tắt các vị trí dấu nhấn mạnh ưa thích cho tiếng Trung và tiếng Nhật. Dấu nhấn ưu tiên và vị trí rubyNgôn ngữVị trí ưu tiênHình minh họaNgangDọcNhật Bảnbên phải

CSS trang trí văn bản tùy chỉnh
CSS trang trí văn bản tùy chỉnh
Tiếng HànTiếng Mông CổTiếng Trung Quốcbên dưới
CSS trang trí văn bản tùy chỉnh

Nếu các dấu nhấn mạnh được áp dụng cho các ký tự mà ruby ​​​​được vẽ ở cùng vị trí với dấu nhấn mạnh, thì các dấu nhấn mạnh được đặt bên ngoài ruby. Điều này bao gồm và trống

CSS trang trí văn bản tùy chỉnh

Dấu nhấn mạnh được áp dụng cho 4 ký tự, với cả hồng ngọc trên 2 trong số đó

Một số trình soạn thảo thích ẩn dấu nhấn mạnh khi chúng xung đột với ruby. Trong HTML, điều này có thể được thực hiện với quy tắc kiểu sau.

ruby { text-emphasis: none; }

Một số trình soạn thảo khác thích ẩn ruby ​​khi chúng xung đột với các dấu nhấn. Trong HTML, điều này có thể được thực hiện với mẫu sau

Help, help! I am under a hat! —GwieF

0

Phần này đang được động não. Vẫn chưa rõ liệu thuộc tính này có thực sự cần thiết hay không, mặc dù có sự khác biệt về hành vi mong muốn giữa các ấn phẩm

Thuộc tính này mô tả các ký tự được đánh dấu. Các giá trị có ý nghĩa sau

dấu cáchSkip hoặc khác thuộc danh mục dấu phân cách Unicode (Z*). (Nhưng lưu ý rằng các dấu nhấn mạnh được vẽ cho khoảng trắng kết hợp với bất kỳ ký tự kết hợp nào. ) dấu chấm câu Bỏ qua dấu chấm câu. Dấu câu trong định nghĩa này bao gồm các ký tự thuộc danh mục Unicode P* không được định nghĩa là (xem bên dưới). biểu tượngBỏ qua biểu tượng. Các ký hiệu trong định nghĩa này bao gồm tất cả các ký hiệu thuộc Unicode S* cũng như bất kỳ ký hiệu nào tương đương với

Help, help! I am under a hat! —GwieF

2 sau đây từ danh mục Unicode Po. #U+0023KÝ HIỆU SỐ%U+0025KÝ HIỆU PHẦN TRĂM‰U+2030 KÝ HIỆU TRÊN MƯỜI TRIỆU‱U+2031KÝ HIỆU MƯỜI NGÀNH‪U+066KÝ HIỆU PHẦN TRĂM AARABICU+0609KÝ HIỆU CHỈ SỐ ARABIC MỖI MỖI MILLE U+060AARABIC-INDIC TRÊN MƯỜI KÝ HIỆU TRƯỞNG THÀNH&U+0026AMPERSAND

Các ký tự thuộc các lớp Unicode cho mã kiểm soát và các ký tự chưa được gán (Cc, Cf, Cn) bị bỏ qua bất kể giá trị của thuộc tính này là gì

Cú pháp này yêu cầu UA triển khai các dấu vẽ cho khoảng trắng. Có bất kỳ trường hợp sử dụng để làm như vậy?

Xem thêm thảo luận về giá trị ban đầu

4. Bóng văn bản. bất động sản

Thuộc tính này chấp nhận danh sách các hiệu ứng đổ bóng được phân tách bằng dấu phẩy để áp dụng cho văn bản của phần tử. Các giá trị được hiểu là đối với. Mỗi lớp tạo bóng cho văn bản của phần tử và tất cả các trang trí văn bản của nó (kết hợp với nhau). Các hiệu ứng đổ bóng được áp dụng từ trước ra sau. cái bóng đầu tiên ở trên cùng. Do đó, các bóng có thể che phủ lẫn nhau

Không giống như , the được hiểu đúng là khoảng cách đầu tiên từ bất kỳ điểm nào của đường viền hình tượng, và do đó, tương tự như bán kính mờ, tạo ra các góc tròn, thay vì sắc nét. Giá trị chênh lệch âm không hợp lệ

Để lại định hình góc không xác định?

Bóng văn bản bên ngoài (được chỉ định không có từ khóa) làm bóng văn bản—bao gồm bất kỳ nét văn bản nào—như thể văn bản được cắt và nâng lên trên canvas xung quanh. Không giống như , bóng của văn bản bên ngoài không được cắt bớt vào hình được đổ bóng và có thể hiển thị xuyên suốt nếu văn bản trong suốt một phần

Bóng văn bản bên trong (được chỉ định bằng từ khóa) tạo bóng cho khung vẽ—và bất kỳ nét văn bản nào—như thể văn bản được cắt và thả xuống bên dưới khung vẽ xung quanh. Do đó, chúng chỉ được vẽ trong mép trong của nét vẽ.

phải được vẽ ở mức ngăn xếp giữa đường viền/nền của phần tử (nếu có) và phần tử văn bản và trang trí văn bản. phải được sơn trên văn bản và trang trí của nó. Các UA nên tránh vẽ bóng văn bản trên văn bản trong các phần tử liền kề thuộc cùng cấp độ ngăn xếp và ngữ cảnh ngăn xếp. (Điều này có thể có nghĩa là mức xếp chồng chính xác của các bóng phụ thuộc vào việc phần tử có đường viền hay nền. do đó, hành vi xếp chồng chính xác của bóng văn bản do UA xác định. )

Quan hệ xếp chồng lên đột quỵ?

Giống như, bóng đổ của văn bản không ảnh hưởng đến bố cục và không kích hoạt thao tác cuộn hoặc tăng kích thước của

Thuộc tính text-shadow áp dụng cho cả phần tử giả

Help, help! I am under a hat! —GwieF

5 và

Help, help! I am under a hat! —GwieF

6

5. Tranh Trang Trí Văn Bản

5. 1. Tranh Thứ Tự Trang Trí Chữ

Như trong , trang trí văn bản được vẽ ngay trên/dưới văn bản mà chúng trang trí, theo thứ tự sau (dưới cùng trước)

Khi trang trí đường được vẽ trên trang trí hộp hoặc nội tuyến nguyên tử, chúng được vẽ trên nội dung không được định vị và ngay bên dưới bất kỳ phần con cháu được định vị nào (ngay bên dưới lớp #8 trong CSS2. 1 Phụ lục E)

5. 2. tràn trang trí văn bản

Trang trí văn bản rò rỉ bên ngoài a được coi là. họ không mở rộng.

Phụ lục A. Sự nhìn nhận

Thông số kỹ thuật này sẽ không thể thực hiện được nếu không có sự trợ giúp từ. Ayman Aldahleh, Bert Bos, Tantek Çelik, Stephen Deach, John Daggett, Martin Dürst, Laurie Anna Edlund, Ben Errez, Yaniv Feinberg, Arye Gittelman, Ian Hickson, Martin Heijdra, Richard Ishida, Masayasu Ishikawa, Michael Jochimsen, Eric LeVine, Ambrose

Phụ lục B. Biểu định kiểu UA mặc định

Phụ lục này cung cấp thông tin và giúp các nhà phát triển UA triển khai biểu định kiểu mặc định, nhưng các nhà phát triển UA có thể tự do bỏ qua hoặc thay đổi

Help, help! I am under a hat! —GwieF

5

Nếu bạn tìm thấy bất kỳ vấn đề nào, đề xuất bổ sung hoặc chỉnh sửa, vui lòng gửi thông tin tới www-style@w3. org với [css-text-decor] trong dòng chủ đề.

Làm cách nào để trang trí văn bản bằng CSS?

Thuộc tính CSS tốc ký trang trí văn bản đặt hình thức của các đường trang trí trên văn bản . Nó là cách viết tắt của text-decoration-line , text-decoration-color , text-decoration-style và thuộc tính text-decoration-thickness mới hơn.

các tùy chọn trong văn bản là gì

Thuộc tính text-decoration chỉ định trang trí được thêm vào văn bản và là thuộc tính tốc ký cho. .
text-decoration-line (bắt buộc)
văn bản-trang trí-màu sắc
văn bản-trang trí-phong cách
văn bản-trang trí-độ dày

là văn bản

Mô tả. Thuộc tính này chỉ định các trang trí sẽ được áp dụng cho nội dung văn bản của một phần tử. Các đồ trang trí này được hiển thị bằng màu được chỉ định bởi thuộc tính màu của phần tử. Các trang trí văn bản không được kế thừa về mặt kỹ thuật , nhưng hiệu ứng tương tự như kế thừa.