File tree Expand file tree Collapse file tree 1 file changed +56
-0
lines changed Expand file tree Collapse file tree 1 file changed +56
-0
lines changed Original file line number Diff line number Diff line change @@ -672,6 +672,62 @@ Stroke Painting {#stroke-paint}
672
672
List-valued properties interact exactly as for background images,
673
673
defined in [[css-backgrounds-3#layering]] .
674
674
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
+
675
731
676
732
677
733
You can’t perform that action at this time.
0 commit comments