CARVIEW |
Select Language
HTTP/2 200
date: Tue, 15 Jul 2025 16:27:58 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=195.185917,issue_conversation_content-fragment;desc="issue_conversation_content fragment";dur=798.998082,issue_conversation_sidebar-fragment;desc="issue_conversation_sidebar fragment";dur=49.377484,nginx;desc="NGINX";dur=1.388593,glb;desc="GLB";dur=95.379573
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=BhVawWUEYZgWUeP9zpH79%2FKuFKWyChNrmaIUCM1S0jDlEP13B5tvlioqygH%2BbgVB2bh4Qdl9qEbi7IRnx5TN3GGUbu3WfK7ReduoHhDzaybvnRAvUqJUcokzfmxEvpfNTOYRVJTh5gmXgilCu09qUdg7xE8uOiv2ZUeaUWLgMVxcNN9KBEWj7PXmznZZrIL2nvi0DwlJcstzykC29YI84QQls6NLyQ7kdkromaUXAxzKprrnXwYyYQOsTFDEL7ZDIEE0tiMCiQd99KWYnc1rPQ%3D%3D--trpgAn9EnnLboz%2Fl--w9mweq%2Fo7R5bQ9BGWq3a%2Bw%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1591489579.1752596877; Path=/; Domain=github.com; Expires=Wed, 15 Jul 2026 16:27:57 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Wed, 15 Jul 2026 16:27:57 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: DA2A:30A222:4A297:57EBC:6876818D
[css-logical] Flow-relative syntax for `margin`-like shorthands · Issue #1282 · w3c/csswg-drafts · GitHub
No one assignedNo typeShow more project fieldsNo milestoneNone yetNo branches or pull requests
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 728
Open
Labels
Needs Feedback/Reviewcss-logical-1Current WorkCurrent Worki18n-needs-resolutionIssue the Internationalization Group has raised and looks for a response on.Issue the Internationalization Group has raised and looks for a response on.
Description
CSS currently assigns the values in the margin/padding/border shorthand to their physical longhands, i.e.
margin: 1em 2em 3em 4em;
is equivalent to
margin-top: 1em;
margin-right: 2em;
margin-bottom: 3em;
margin-left: 4em;
I'm pretty sure we want some equivalent syntax for assigning into the logical longhands instead, but what should that be?
The current proposal is to put a keyword in front of the 4 values, like
margin: relative 1em 2em 3em 4em;
Another possibility is to use a !keyword:
margin: 1em 2em 3em 4em !relative;
or to create a new property in its place:
margin-relative: 1em 2em 3em 4em;
or use some entirely as-yet-unused symbol or syntax.
And of course the exact keyword, if one is used, is up for debate as well; shorter would be better. People will be drawing up entire style sheets that use almost exclusively flow-relative properties, so this needs to be designed for comfort under frequent use.
Ideas welcome~
inoas, argyleink, LuXDAmore, fromnt34, GoldenFalls and 18 moreseezee
Metadata
Metadata
Assignees
Labels
Needs Feedback/Reviewcss-logical-1Current WorkCurrent Worki18n-needs-resolutionIssue the Internationalization Group has raised and looks for a response on.Issue the Internationalization Group has raised and looks for a response on.
Type
Projects
Status
Thursday Morning
Milestone
Relationships
Development
Issue actions
You can’t perform that action at this time.