W3 Mind Logo
Home » Text Stroke

Text Stroke

If you want to create text stroke. There is a CSS property available.
But this will work for the WebKit browsers only, Not for Firefox and Opera. You can use fallback text-shadow property instead.

See the below examples.

				
					h6{
  /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px red;
  -webkit-text-fill-color: white;
}
				
			
Example:
This is my text
				
					h6{
    /* Fall back CSS for Firefox and Opera */
    text-shadow:
    1px 1px 0 red,    
   -1px -1px 0 red,  
    1px -1px 0 red,
   -1px  1px 0 red,
    1px  1px 0 red;
}
				
			
Example:
This is my text
About Author
W3Mind

W3Mind

W3Mind focuses on Blogging, Make Money Online, SEO, Business Blogging, Social Media, WordPress, Internet Tools, Web Design and Development.
Give it a Share
Facebook
Twitter
LinkedIn
You May Also Like
Leave a Reply

Your email address will not be published. Required fields are marked *

How to
START A
BLOG
(step by step)
Load WordPress Sites in as fast as 37ms!