Skip to content

Commit ffa8f54

Browse files
committed
[css-logical] Define the border-<block>-<inline>-radius logical properties (#1776)
1 parent d94f20d commit ffa8f54

1 file changed

Lines changed: 13 additions & 0 deletions

File tree

css-logical-1/Overview.bs

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -548,6 +548,19 @@ the 'border-block-start', 'border-block-end', 'border-inline-start', 'border-inl
548548
'border-inline-start' &amp; 'border-inline-end',
549549
respectively.
550550

551+
<h3 id="border-radius-shorthands">
552+
Flow-relative Border-radius Shorthands:
553+
the 'border-start-start-radius', 'border-start-end-radius', 'border-end-start-radius', 'border-end-end-radius' properties</h3>
554+
555+
<pre class="propdef shorthand">
556+
Name: border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius
557+
Value: <<'border-top-left-radius'>>
558+
</pre>
559+
560+
These properties correspond to the
561+
'border-top-left', 'border-bottom-left', 'border-top-right', and 'border-bottom-right' properties.
562+
The mapping depends on the element's 'writing-mode', 'direction', and 'text-orientation'.
563+
551564
<h3 id="logical-shorthand-keyword">
552565
Four-Directional Shorthand Properties: the 'margin', 'padding', 'border-width', 'border-style', and 'border-color' shorthands</h3>
553566

0 commit comments

Comments
 (0)