The text-decoration-skip-ink CSS property

The underline created by the text-decoration CSS property is skipped or broken for the letters or punctuation marks that are hanging below the text lines. So the above video will quickly show how you can fix the broken underline.

<!DOCTYPE html>
<html>
<head>
<style>

p {
    text-decoration:  underline #ff63fa wavy;
    text-decoration-skip-ink: none;
    font-size: 8em;
    color: green;
}

</style>
</head>
<body>

    <p>Hello my son, this is your great shining car!</p>

</body>
</html>

NEW POSTS

Main Menu

The text-decoration-skip-ink CSS property

No comments

Post a Comment

Pages

NEW POSTS

Main Menu

The text-decoration-skip-ink CSS property

You Might Also Like

No comments

Post a Comment

Pages