CARVIEW |
Select Language
HTTP/2 200
date: Tue, 15 Jul 2025 12:28:19 GMT
content-type: text/html; charset=utf-8
cache-control: max-age=0, private, must-revalidate
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
link: ; rel=preload; as=fetch; crossorigin=use-credentials
referrer-policy: no-referrer-when-downgrade
server-timing: issue_layout-fragment;desc="issue_layout fragment";dur=285.586843,issue_conversation_content-fragment;desc="issue_conversation_content fragment";dur=856.340413,issue_conversation_sidebar-fragment;desc="issue_conversation_sidebar fragment";dur=58.476266,nginx;desc="NGINX";dur=0.886063,glb;desc="GLB";dur=95.686114
strict-transport-security: max-age=31536000; includeSubdomains; preload
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With, Accept,Accept-Encoding, Accept, X-Requested-With
x-content-type-options: nosniff
x-frame-options: deny
x-voltron-version: 6a3bf42
x-xss-protection: 0
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=TMBWyWS40oKvXG%2Bm5IF3MN2Rq0TPlVSGznA4hB0MJUNMEm6wZfljn4%2BpjecNY7Etj5c%2BAzQ%2F47IJb6hjP5l%2FjlV1IRM0ko6XTlnuYRkBLjUEz3nnoQO7PQPxS%2BwXmAEbTCiX27fdptooZ0leE0sUYas6g5qZZxnULLOJ9soGvCfW6u9uhBcBl%2Fua1OEKSXw0Sv%2Bu2JXZnGQ1qrizCH7%2FQyu%2FjO%2BPwiV4hLanq8eXV3e8SwMsPa4P2j06WugQk4Od4oaWobB9931U697fIH8mhw%3D%3D--Q3yYKDFWbfjfaDfb--Ju88dbyagxzeUdFy6tjIYQ%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.864899572.1752582498; Path=/; Domain=github.com; Expires=Wed, 15 Jul 2026 12:28:18 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Wed, 15 Jul 2026 12:28:18 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: 962A:1A80FB:897B83:9A62A8:68764962
[css-inline-3] Naming text-box-trim et al. Β· Issue #10675 Β· w3c/csswg-drafts Β· GitHub
No one assignedNo typeNo projectsNo milestoneNone yetNo branches or pull requests
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 728
Closed
Description
Just landed the edits to split text-box-edge
into two properties and add a shorthand with text-box-trim in 7869dc6 ; see
- CSSWG resolution in 8829
- Editor's Draft: line box sizing property definition
- Editor's Draft: leading-trimming properties and shorthand
We had left open some amount of syntax bikeshedding to follow up on, so before I publish the Editor's Draft I wanted to run the current state by the CSSWG.
Here's the syntax overview:
<text-edges> = [ text | cap | ex | ideographic | ideographic-ink ]
[ text | alphabetic | ideographic | ideographic-ink ]?
<text-trim> = start | end | both
/* line box sizing property (inherited) */
line-fit-edge: leading | <text-edges>
/* leading-trim properties (non-inherited) */
text-box: normal | <text-trim> || <text-edges>
text-box-trim: none | <text-trim>
text-box-edge: auto | <text-edges>
Shorthand details:
text-box: normal
sets to initial values (none
/auto
).- Setting only
<text-trim>
defaultstext-box-edge
toauto
(initial value). - Setting only
<text-edges>
defaultstext-box-trim
toboth
(not initial value).
Additional details:
text-box-edge: auto
copies fromline-fit-edge
, treatingleading
astext
.- Reminder:
line-fit-edge
values other thanleading
opt into the newer line box sizing model (leading only on root inline, honoring margin/border/padding on inline boxes).
Consequences:
- Defaulting this way enables trimming the leading by just setting a
<text-trim>
value. - If the author set something more aggressive and script-specific for the inherited
line-fit-edge
property, that gets passed through as the default trim edges. - They can alternatively set an explicit trim value in the
text-box
shorthand or cascade one independently with thetext-box-edge
longhand. - Shorthanding magic for
text-box
means that:text-box: both
sets trimming to the default edge on both sides.text-box: cap alphabetic
sets trimming to those edges on both sides.text-box: normal
does the normal thing of not trimming the line box. :)
We should rename the trim keywords:
Having the text-box
shorthand take start | end | both
reads badly, suggest renaming these keywords to trim-start | trim-end | trim-both
for two reasons:
- Consistency with
text-spacing-trim
- The shorthand reads a lot more reasonably:
text-box: trim-both
rather thantext-box: both
which is weird.
Proposed Resolutions:
- Adopt
text-box
/text-box-trim
/text-box-edge
properties as outlined above. - Rename
start | end | both
values oftext-box-trim
totrim-start | trim-end | trim-both
. - Name the line-box sizing property (previously discussed as
text-line-edge
to contrast withtext-box-edge
) toline-fit-edge
(for now), or to some alternative that people might suggest here. - Republish css-inline-3 as WD with these edits.
nileshprajapati, hober, myakura, chalkygames123, argyleink and 1 more
Metadata
Metadata
Assignees
Labels
Type
Projects
Milestone
Relationships
Development
Issue actions
You canβt perform that action at this time.