Home
CSS
CSS Outline
Outline Color
Tryit: Different outline colors
Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Save Code
Ctrl+Alt+A
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
<!DOCTYPE html> <html> <head> <style> p { border: 1px solid black; padding: 5px; } p.ex1 { outline-style: solid; outline-color: red; } p.ex2 { outline-style: dotted; outline-color: blue; } p.ex3 { outline-style: outset; outline-color: green; } p.ex4 { outline-style: solid; outline-color: invert; } </style> </head> <body> <h2>The outline-color Property</h2> <p class="ex1">A solid red outline.</p> <p class="ex2">A dotted blue outline.</p> <p class="ex3">An outset green outline.</p> <p class="ex4">A solid invert outline.</p> </body> </html>
