CSS Style Maker: Outline

home

CSS Outline Generator

CSS Border Radius CSS Box Shadow CSS Text Shadow CSS RGBA CSS Font Face CSS Multiple Columns CSS Outline CSS Transition CSS Transform CSS Flex Box CSS Gradient
Please fill in the values below to generate CSS attributes for Outline
Test Area
Browser Compatibility
  • Chrome 4+
  • Firefox 2+
  • Safari 3.1+
  • Internet Explorer 8+
  • Opera 9+
  • Android 2.1+
  • iOS 3.1+
Outline CSS Generator will automatically display the CSS attributes below once the inputs above are filled in.

                        
Copy

                    


                    
                    

                        

                        
                        
                        
                        

                    

                    
                    

                    

                        In CSS, the outline property is used to create a visible outline around an HTML element, typically for the purpose of indicating focus or providing a visual effect. The outline is displayed outside of the border
                        of an element and does not affect the layout of the page.