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
Picture of 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
How to
START A
BLOG
(step by step)
Load WordPress Sites in as fast as 37ms!