diff --git a/guide/english/css/tutorials/how-to-add-stroke-to-web-text/index.md b/guide/english/css/tutorials/how-to-add-stroke-to-web-text/index.md index 72d7d4f392..fd7a13f237 100644 --- a/guide/english/css/tutorials/how-to-add-stroke-to-web-text/index.md +++ b/guide/english/css/tutorials/how-to-add-stroke-to-web-text/index.md @@ -1,11 +1,21 @@ --- title: How to Add Stroke to Web Text --- -## How to Add Stroke to Web Text +## How to Add Stroke to Web Text +The stroke effect adds a comic book(try comic-sans), or vector look to a webpage, you're adding a border to the existing text. It's great for headers! -This is a stub. Help our community expand it. +```css +h1{ + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color:#000; + -webkit-text-fill-color:#fff; +} + +``` +* Text-stroke-width: How wide the stroke is. +* Text-stroke-color: The color of the stroke. +* Text-fill-color: The color filling the border. Without it, or if it's the same color, the text will just look bolder. -This quick style guide will help ensure your pull request gets accepted.