CSS ఆఫ్సెట్-డిస్టెన్స్ అట్రిబ్యూట్

నిర్వహణ మరియు ఉపయోగం

offset-distance లక్షణం ఉపయోగించబడింది పాత్ర పైన ఉన్న ప్రక్షేపణాన్ని నిర్దేశిస్తుంది: offset-path లక్షణం వివరించిన పాత్ర మొదటి దూరం.

ఉదాహరణ

<img> ఎలిమెంట్ నిర్దేశించిన పాత్రపైన ఉంచబడుతుంది, పాత్ర మొదటి దూరం నుండి 33% దూరంలో.

img {
  offset-path: path('M 50 80 C 150 -20 250 180 350 80');
  offset-distance: 33%;
}

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

CSS సంకేతాలు

offset-distance: auto|length|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
0 ప్రక్షేపణం మొదటి దూరం. అప్రమేయ విలువ.
length

నిర్ధిష్ట యూనిట్లు (ప్రక్షేపణం లో పిక్సెల్స్, పిట్స్, సెంటీమీటర్స్ వంటి) ఉపయోగించి ప్రక్షేపణం మొదటి దూరం నిర్దేశించండి.

నిషేధించబడిన మానిషి విలువలు. దయచేసి చూడండి:CSS యూనిట్లు.

% పాత్ర పొడవుకు సంబంధించిన శాతం దూరం నిర్దేశించండి.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial.
inherit ఈ లక్షణాన్ని తన ముందస్తు ఎలిమెంట్ నుండి పారంపర్యం చేసుకుంటుంది. చూడండి: inherit.

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

అప్రమేయ విలువ: 0
పారంపర్యం: లేదు
అనిమేషన్ తయారీ: మద్దతు. దయచేసి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్: CSS3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.offsetDistance="200px"

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
55 79 72 16 42

相关页面

教程:SVG 路径

教程:CSS 动画

参考:CSS ఆఫ్సెట్ అట్రిబ్యూట్

参考:CSS ఆఫ్సెట్-అంకర్ అట్రిబ్యూట్

参考:CSS ఆఫ్సెట్-పాథ్ అట్రిబ్యూట్

参考:CSS ఆఫ్సెట్-పోజిషన్ అట్రిబ్యూట్

参考:CSS ఆఫ్సెట్-రోటేషన్ అట్రిబ్యూట్