CSS ఆఫ్సెట్-డిస్టెన్స్ అట్రిబ్యూట్
- ముంది పేజీ offset-anchor
- తరువాతి పేజీ offset-path
నిర్వహణ మరియు ఉపయోగం
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 ఆఫ్సెట్-పాథ్ అట్రిబ్యూట్
- ముంది పేజీ offset-anchor
- తరువాతి పేజీ offset-path