| <!DOCTYPE html> |
| <link rel="help" href="https://drafts.csswg.org/css-text-decor/#line-decoration"> |
| <!-- |
| Note: Line decorations are propagated through the box tree, not through |
| inheritance, and thus have no effect on descendants when specified on an |
| element with display: contents. |
| --> |
| <link rel="match" href="reference/text-decoration-propagation-display-contents-ref.html"> |
| <body> |
| <p style="text-decoration: overline; text-decoration-color: #44cc44;"> |
| <span style="text-decoration: underline; text-decoration-color: red; display: contents"> |
| <span>Should have</span> |
| only overline. |
| </span> |
| </p> |
| <svg xmlns="http://www.w3.org/2000/svg" width="600" height="200"> |
| <text style="text-decoration: overline;" y="20"> |
| <tspan style="text-decoration: underline; display: contents"> |
| <tspan>Should have</tspan> only overline. |
| </tspan> |
| </text> |
| </svg> |
| </body> |