Latest web development tutorials

HTML DOM Style outlineOffset property

Style Object Reference Style Objects

Examples

Provisions outside of the contour pixels at the edge of the border 15:

document.getElementById("myDIV").style.outlineOffset="15px";

try it"

Definition and Usage

outlineOffset contour offset property, and to draw a border edge.

Contour and frame different in two ways:

  • Contour does not occupy space
  • It may be non-rectangular outline

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

In addition to Internet Explorer, all other major browsers support outlineOffset property.


grammar

Back outlineOffset properties:

object .style.outlineOffset

Setting outlineOffset properties:

object .style.outlineOffset="length|initial|inherit"

Property Value

描述
length 轮廓与边框边缘的距离。默认值是 0。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

technical details

Defaults: 0
return value: String representing the outline-offset property element.
CSS version CSS3


related articles

CSS Reference: Outline-offset property


Style Object Reference Style Objects