Skip to content

Commit bdeea78

Browse files
committed
[css-backgrounds-4] Add background-clip: border
1 parent cf39c11 commit bdeea78

File tree

1 file changed

+8
-3
lines changed

1 file changed

+8
-3
lines changed

css-backgrounds-4/Overview.bs

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -132,7 +132,7 @@ Painting Area: the 'background-clip' property</h3>
132132

133133
<pre class="propdef partial">
134134
Name: background-clip
135-
New Values: text
135+
New Values: text, border
136136
</pre>
137137

138138
Issue: Or should this be defining the <css>-webkit-background-clip</css> property,
@@ -143,8 +143,13 @@ Painting Area: the 'background-clip' property</h3>
143143
<dt><dfn>text</dfn>
144144
<dd>
145145
The background is painted within (clipped to)
146-
the union of the border box
146+
the intersection of the border box
147147
and the geometry of the text in the element and its in-flow and floated descendants.
148+
149+
<dt><dfn>border</dfn></dt>
150+
<dd>
151+
The background is clipped to the area painted by the border, taking 'border-width' and 'border-style' into account but ignoring any transparency introduced by 'border-color'.
152+
</dd>
148153
</dl>
149154

150155
<h2 id="borders">
@@ -692,7 +697,7 @@ Additions Since Level 3</h3>
692697
<li>logical 'background-position' values (''background-position/start'', ''background-position/end'')
693698
<li>the ''extend'' keyword of 'background-repeat'
694699
<li>'corner-shape'
695-
<li>multiple borders per element
700+
<li>multiple border colors per border
696701
<li>logical border properties
697702
<li><a href="#partial-borders">Partial Borders</a> (make part of border shorthand as well!)
698703
<li><a href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0314.html">More <css>border-radius</css> shorthands</a> for doing both corners on a side at once.

0 commit comments

Comments
 (0)