CARVIEW |
Select Language
HTTP/2 200
date: Mon, 06 Oct 2025 19:17:42 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 github.githubassets.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 wss://alive-staging.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 marketplace-screenshots.githubusercontent.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=193.794258,issue_conversation_content-fragment;desc="issue_conversation_content fragment";dur=582.013338,nginx;desc="NGINX";dur=0.46434,glb;desc="GLB";dur=135.674345
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: 266d7a9
x-xss-protection: 0
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=SNBYBXPGYSg%2B%2BbXahO9BYZrq6%2FqANRCop6iK%2BSBTarRh0uYQdda4slXdzJMwGDFlL7O7CwEbb0L7s0xzhE7elJ6DGJNdSOv6orXZIKXhxh2ORvV0sctipwA8al7ojQ%2BFKZD9BCLMI9y5AI0lrf9c%2B5qDvxpUvt8ClqAc%2BAG91MIbiB%2Bs4rzOwiV8r%2BJyl2PgU99MqmekgeBbIzQkzYfzbSAKAq%2Fer7L3IC5L0wSj92j6VB78TAxs%2BnEcTpUzuVTiYNv3wD4%2BVsj%2BW5tJSFoYFA%3D%3D--JXfm1Cy%2Bu%2Br%2BH2jE--JnN37Z%2FP6dDpOa1kSD2uQA%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1608411526.1759778261; Path=/; Domain=github.com; Expires=Tue, 06 Oct 2026 19:17:41 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Tue, 06 Oct 2026 19:17:41 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: D95E:21287F:23E03E:2B6133:68E415D5
[css-break][css-display] box-decoration-break and multi-box inline elements · Issue #1706 · 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 747
Closed
Labels
Closed Accepted by CSSWG Resolutioncss-break-3Current WorkCurrent Workcss-display-3Current WorkCurrent Work
Description
CSS Break says that box-decoration-break
controls what happens when a box has multiple fragments.
It does not say anything about an element which generates multiple boxes, each one with a single fragment. This can happen when an inline element is broken by a block-level descendant.
So my understanding is that if you have (jsfiddle)
span {
background: linear-gradient(to right, green, yellow);
border: 10px solid blue;
padding: 10px;
line-height: 5em;
}
<span>Lorem ipsum<div></div>Lorem ipsum</span>
then the element styles are assigned to each box independently (according to CSS Display), so each box has it's own border, padding and background, even if box-decoration-break
is slice
. However, no browser seems to do this:
Should this case be treated like when a box has multiple fragments, i.e. should all boxes share the same margin, border, padding and background? Should only some be shared? None?
Metadata
Metadata
Assignees
Labels
Closed Accepted by CSSWG Resolutioncss-break-3Current WorkCurrent Workcss-display-3Current WorkCurrent Work
Type
Projects
Milestone
Relationships
Development
Issue actions
You can’t perform that action at this time.