Skip to content

Commit dfd51bc

Browse files
committed
[css-text-decor-4] List out a perfect-world stroke syntax.
1 parent 5ffa71b commit dfd51bc

File tree

1 file changed

+56
-0
lines changed

1 file changed

+56
-0
lines changed

css-text-decor-4/Overview.bs

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -672,6 +672,62 @@ Stroke Painting {#stroke-paint}
672672
List-valued properties interact exactly as for background images,
673673
defined in [[css-backgrounds-3#layering]].
674674

675+
## Perfect-World Syntax ## {#perfect-world}
676+
677+
The 'stroke-*' properties and values from SVG inherit SVG's somewhat incoherent naming schemes.
678+
We'd name them differently if they were being designed today.
679+
We should see how much we can move toward this,
680+
perhaps with alias/shorthands.
681+
682+
<table class=data>
683+
<colgroup span=1></colgroup>
684+
<colgroup span=1></colgroup>
685+
<thead>
686+
<tr>
687+
<th>Old Syntax
688+
<th>New Syntax
689+
<tbody>
690+
<tr>
691+
<td>stroke
692+
<td>stroke-paint
693+
<tr>
694+
<td>
695+
<td>'stroke' shorthand
696+
<tr>
697+
<td>stroke-alignment
698+
<td>stroke-align: inset | outset | center
699+
<tr>
700+
<td>stroke-opacity
701+
<td>no change
702+
<tr>
703+
<td>stroke-width
704+
<td>no change
705+
<tr>
706+
<td>stroke-linecap
707+
<td>stroke-cap: none | round | square
708+
<tr>
709+
<td>stroke-linejoin
710+
<td>stroke-corner-shape: bevel | round | [ arc | miter ] [ bevel | round ]?
711+
<tr>
712+
<td>stroke-miterlimit
713+
<td>stroke-corner-limit
714+
<tr>
715+
<td>stroke-dasharray
716+
<td>stroke-dash-array
717+
<tr>
718+
<td>stroke-dashoffset
719+
<td>stroke-dash-offset
720+
<tr>
721+
<td>stroke-dashcorner
722+
<td>stroke-dash-corner
723+
<tr>
724+
<td>stroke-dashadjust
725+
<td>stroke-dash-justify: none | [ stretch | compress ] || [ dashes | gaps ]
726+
<tr>
727+
<td>
728+
<td>stroke-dash shorthand
729+
</table>
730+
675731

676732

677733

0 commit comments

Comments
 (0)