CSS shapes
E662773
CSS shapes are a web design feature that allows content to flow around custom geometric or image-based outlines instead of traditional rectangular boxes.
All labels observed (3)
| Label | Occurrences |
|---|---|
| CSS Exclusions and Shapes Module Level 1 | 1 |
| CSS shapes canonical | 1 |
| W3C CSS Shapes Module Level 1 specification | 1 |
How this entity was disambiguated
This entity first appeared as the object of triple T7420674 — resolving that mention is where its identity was fixed. The disambiguator weighed these candidate entities and picked the highlighted one (or “None”, minting a new entity). This is how homonymy is resolved: the same surface form can point to different entities.
NED1
Entity disambiguation (via context triple)
gpt-5-mini-2025-08-07
Target entity: CSS shapes Context triple: [W3C CSS specifications, defines, CSS shapes]
-
A.
Shape
Shape is a health and fitness magazine and digital brand focused on exercise, nutrition, and wellness content, owned by Dotdash Meredith.
-
B.
SHAPE
SHAPE is the central military command headquarters of NATO responsible for planning and executing the alliance’s collective defense operations in Europe.
-
C.
Geometric Shapes Extended block
Geometric Shapes Extended block is a Unicode block that adds additional geometric symbols and shapes beyond those found in the original Geometric Shapes block.
-
D.
shape operator
The shape operator is a linear map in differential geometry that describes how a surface curves in different directions by relating changes in its normal vector to directions in the tangent plane.
-
E.
CSS Regions Module
The CSS Regions Module is a proposed CSS specification that enables flowing content through multiple, non-contiguous layout regions to create more complex, magazine-like page designs on the web.
- F. None of above. chosen
- G. Unsure - the case is ambiguous/there is not enough information to decide.
NED2
Entity disambiguation (via description)
gpt-5-mini-2025-08-07
Target entity: CSS shapes Target entity description: CSS shapes are a web design feature that allows content to flow around custom geometric or image-based outlines instead of traditional rectangular boxes.
-
A.
Shape
Shape is a health and fitness magazine and digital brand focused on exercise, nutrition, and wellness content, owned by Dotdash Meredith.
-
B.
SHAPE
SHAPE is the central military command headquarters of NATO responsible for planning and executing the alliance’s collective defense operations in Europe.
-
C.
Geometric Shapes Extended block
Geometric Shapes Extended block is a Unicode block that adds additional geometric symbols and shapes beyond those found in the original Geometric Shapes block.
-
D.
shape operator
The shape operator is a linear map in differential geometry that describes how a surface curves in different directions by relating changes in its normal vector to directions in the tangent plane.
-
E.
CSS Regions Module
The CSS Regions Module is a proposed CSS specification that enables flowing content through multiple, non-contiguous layout regions to create more complex, magazine-like page designs on the web.
- F. None of above. chosen
Statements (49)
| Predicate | Object |
|---|---|
| instanceOf |
CSS module
ⓘ
web design feature ⓘ |
| allows |
non-rectangular float areas
ⓘ
text to wrap around circular images ⓘ text to wrap around irregular silhouettes ⓘ |
| category | layout and visual formatting feature ⓘ |
| compatibleWith | modern web browsers ⓘ |
| definedBy |
W3C CSS Shapes Module Level 1 specification
ⓘ
linked to:
CSS shapes
|
| enables |
content to flow around non-rectangular shapes
ⓘ
wrapping inline content around custom outlines ⓘ |
| implementedIn |
Chrome
ⓘ
linked to:
Google Chrome
Edge (Chromium-based) ⓘ
linked to:
Microsoft Edge
Firefox ⓘ
linked to:
Mozilla Firefox
Safari ⓘ |
| improves |
typographic layout around images and figures
ⓘ
visual storytelling in web design ⓘ |
| introducedApprox | mid-2010s ⓘ |
| notFullySupportedBy | older browsers such as Internet Explorer ⓘ |
| partOf |
CSS Exclusions and Shapes Module Level 1
ⓘ
linked to:
CSS shapes
|
| primaryProperty | shape-outside ⓘ |
| relatedTo |
CSS Exclusions
ⓘ
CSS Floats ⓘ CSS Regions (historical) ⓘ
linked to:
CSS Regions Module
|
| requires |
a float for shape-outside to affect inline content flow
ⓘ
an element that establishes a float formatting context ⓘ |
| shapeImageThresholdControls | alpha channel threshold for image-based shapes ⓘ |
| shapeMarginControls | distance between the shape and wrapped content ⓘ |
| shapeOutsideAccepts | basic-shape values ⓘ |
| shapeOutsideAccepts |
box values
ⓘ
image values ⓘ none ⓘ |
| standardizedBy | World Wide Web Consortium ⓘ |
| status | W3C Recommendation ⓘ |
| supportsShapeType |
basic geometric shapes
ⓘ
circle shapes ⓘ ellipse shapes ⓘ image-based shapes ⓘ inset rectangles ⓘ polygon shapes ⓘ |
| syntaxExample |
shape-outside: circle(50%);
ⓘ
shape-outside: polygon(0 0, 100% 0, 100% 100%); ⓘ shape-outside: url(image.png); ⓘ |
| useCase |
creating circular avatars with wrapped text
ⓘ
magazine-style text wrapping on the web ⓘ wrapping text around product photos ⓘ |
| usesProperty |
float
ⓘ
shape-image-threshold ⓘ shape-margin ⓘ shape-outside ⓘ |
How these facts were elicited
The pipeline generated the facts above by prompting gpt-5.1 with this entity's name + description and the instruction below.
Instruction
You are a knowledge base construction expert. Given a subject entity and a description of it, return factual statements that you know for the subject as a JSON list of dictionaries(triples), where keys must be "subject", "predicate" and "object". The number of facts may be very high, between 25 to 50 or more, for very popular subjects. For less popular subjects, the number of facts can be very low, like 5 or 10. # Requirements - If you don't know the subject at all, return an empty list. - If the subject is not a named entity, return an empty list. - Include at least one triple where predicate is "instanceOf". - Do not get too wordy. - Separate several objects into multiple triples with one object.
Input
Subject: CSS shapes Description of subject: CSS shapes are a web design feature that allows content to flow around custom geometric or image-based outlines instead of traditional rectangular boxes.
Referenced by (3)
Full triples — surface form annotated when it differs from this entity's canonical label.
linked to: CSS shapes
linked to: CSS shapes