HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> div{ padding: 10px; margin-bottom: 10px; } #point{ outline-style: none; } #point1{ outline-style: hidden; } #point2{ outline-style: dotted; } #point3{ outline-style: dashed; } #point4{ outline-style: solid; } #point5{ outline-style: double; } #point6{ outline-style: groove; } #point7{ outline-style: ridge; } #point8{ outline-style: inset; } #point9{ outline-style: outset; } </style> </head> <body> <h1>CSS outline-style Property</h1> <h2>outline-style: none;</h2> <div id="point"> This is div container. </div> <h2>outline-style: hidden;</h2> <div id="point1"> This is div container. </div> <h2>outline-style: dotted;</h2> <div id="point2"> This is div container. </div> <h2>outline-style: dashed;</h2> <div id="point3"> This is div container. </div><h2>outline-style: solid;</h2> <div id="point4"> This is div container. </div><h2>outline-style: double;</h2> <div id="point5"> This is div container. </div><h2>outline-style: groove;</h2> <div id="point6"> This is div container. </div> <h2>outline-style: ridge;</h2> <div id="point7"> This is div container. </div> <h2>outline-style: inset;</h2> <div id="point8"> This is div container. </div> <h2>outline-style: outset;</h2> <div id="point9"> This is div container. </div> </body> </html>
OUTPUT
×

Save as Private