File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff 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
You can’t perform that action at this time.
0 commit comments