CSS ఆఉట్లైన్-ఆఫ్సెట్ అట్రిబ్యూట్

定义和用法

outline-offset 属性对轮廓进行偏移，并在边框边缘进行绘制。

కాంతి రేఖ బోర్డర్ తో రెండు పక్షాలు వ్యత్యాసపడతాయి:

  • కాంతి రేఖ స్థలాన్ని వినియోగించదు.
  • కాంతి రేఖ అసాంకేతిక విమంతమైనది కావచ్చు.

మరింత చూడండి:

CSS శిక్షణ కొరకు:CSS యూజర్ ఇంటర్ఫేస్

HTML DOM సందర్భాల పరిశీలన కొరకు:outlineOffset లక్షణం

ఉదాహరణ

కాంతి రేఖ అంచు కింది 15 పిక్సెల్స్ వద్ద ప్రతిపాదించండి:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతపత్రం

outline-offset: length|inherit;

లక్షణ విలువ

విలువ వివరణ
length కాంతి రేఖ మరియు కాంతి రేఖ అంచు దూరం.
inherit ప్రతిపాదన ప్రకారం పైభాగానికి outline-offset లక్షణం యొక్క విలువను పారంతరణ చేయాలి.

సాంకేతిక వివరాలు

అప్రమేయ విలువ: 0
పారంతరణ సామర్థ్యం: no
సంస్కరణ: CSS3
JavaScript సంకేతపత్రం: object.style.outlineOffset="15px"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను పేర్కొంది.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
4.0 15.0 3.5 3.1 10.5