CSS జూమ్ అట్రిబ్యూట్
- ముంది పేజీ z-index
- తదుపరి పేజీ సిఎస్ఎస్ రిఫరెన్స్ హ్యాండ్బుక్
定义和用法
zoom
属性指定元素的缩放比例。元素可以被放大或缩小。
实例
例子 1
对文本使用 zoom
属性:
p.a { zoom: normal; } p.b { zoom: 150%; } p.c { zoom: 0.6; }
例子 2
使用 zoom
属性调整元素大小:
div { border-radius: 100%; background: #73AD21; padding: 20px; width: 80px; height: 80px; } div.a { zoom: normal; } div.b { zoom: 150%; } div.c { zoom: 0.6; }
CSS సంకేతాలు
zoom: normal|%|number|unset|initial|inherit;
లక్షణ విలువ
విలువ | వివరణ |
---|---|
normal | అప్రమేయ విలువ. కూడా సాధారణంగా ప్రదర్శించబడుతుంది. |
% |
జామ్యూన్ ప్రపర్చనను ప్రతిశతంలో పేర్కొంది. 100% = సాధారణం. పెద్దదిచేయడానికి, 100% కంటే ఎక్కువ విలువను వాడండి. చిన్నదిచేయడానికి, 100% కంటే తక్కువ విలువను వాడండి. |
number |
జామ్యూన్ ప్రపర్చనను నంబర్ రూపంలో పేర్కొంది (ప్రతిశతం). 1.0 = సాధారణం. పెద్దదిచేయడానికి, 1.0 కంటే ఎక్కువ విలువను వాడండి. చిన్నదిచేయడానికి, 1.0 కంటే తక్కువ విలువను వాడండి. |
unset | జామ్యూన్ ప్రపర్చనను రద్దు చేయండి (సాధారణంగా పునరుద్ధరించండి). |
initial | ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial. |
inherit | ఈ లక్షణాన్ని తన పూర్వ పరిమితి నుండి పారామితించండి. చూడండి: inherit. |
సాంకేతిక వివరాలు
అప్రమేయ విలువ: | normal |
---|---|
వారిస్థాపకత్వం: | సంఖ్యలు లేవు |
అనిమేషన్ తయారీ: | మద్దతు పొందండి:అనిమేషన్ సంబంధిత లక్షణాలు. |
సంస్కరణ: | CSS Viewport Module Level 1 |
జావాస్క్రిప్ట్ సంకేతాలు: | object.style.zoom = "3" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న ప్రథమ బ్రౌజర్ సంస్కరణను సూచిస్తాయి。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1 | 12 | 126 | 3.1 | 15.0 |
- ముంది పేజీ z-index
- తదుపరి పేజీ సిఎస్ఎస్ రిఫరెన్స్ హ్యాండ్బుక్