Friday 17 April 2015

More Control over Text Decoration

Text can have multiple decorations

a {
  text-decoration: underline overline;
}


See the text-decoration entry in the Almanac. More specifically, this is adding multiple values to the text-decoration-line subproperty.

You can change the color of the decoration

The default for the color of the decoration lines is the same as the color of the text. But you can change that:

a {
  text-decoration-color: #f06d06;
}


Check out the text-decoration-color entry in the Almanac.

a {
  text-decoration-style: wavy;
}


No comments:

Post a Comment