Open In App
Related Articles

HTML | DOM Style outlineOffset Property

Improve Article
Save Article
Like Article

The Style outlineOffset property is used for offsetting an outline and draw it beyond the border edge. 
Outlines do not take space, unlike borders. It returns a string which represents the outline-offset property of an element.


  • To get the property
  • To set the property = "length|initial|inherit"

Property values: 

Value Description
length Define length in length unit.
initial define initial value which is default.
inherit Inherit property from parent element

Below program illustrates the Style outlineOffset property method:



<!DOCTYPE html>
    <title>Style outlineOffset Property in HTML</title>
        #samplediv {
            margin: auto;
            border: 2px green;
            outline: coral solid 4px;
            width: 250px;
            height: 50px;
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
    <h2>Style outlineOffset Property</h2>
      For moving the outline border outside
      the border edge, double click the
      "Change Outline Border" button:
    <button ondblclick="outline()">
        Change Outline Border
    <div id="samplediv">
        function outline() {
                .style.outlineOffset = "20px";


  • Before clicking the button: 

  • After clicking the button: 

Supported Browsers: The browser supported by HTML | DOM Style outlineOffset Property are listed below: 

  • Google Chrome 1
  • Edge 15
  • Firefox 1.5
  • Opera 9.5
  • Apple Safari 1.2

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 21 Dec, 2022
Like Article
Save Article
Similar Reads
Complete Tutorials