Editor Arrow Download Open
<!DOCTYPE html> <html> <head> <title>CSS outline-width Property</title> <style> div { background: #eee; display: flex; height: 30px; margin-bottom: 10px; align-items: center; justify-content: center; border: 1px solid #000; outline-color: pink; outline-style: solid; } .outline-1 { outline-width: medium; } .outline-2 { outline-width: thin; } .outline-3 { outline-width: thick; } .outline-4 { outline-width: 5px; } .outline-5 { outline-width: 5px 10px; } .outline-6 { outline-width: 5px 10px 2px; } </style> </head> <body> <div class="outline-1">medium</div> <div class="outline-2">thin</div> <div class="outline-3">thick</div> <div class="outline-4">5px</div> <div class="outline-5">5px 10px</div> <div class="outline-6">5px 10px 2px</div> </body> </html>
  Preview Arrow