CSS జూమ్ అట్రిబ్యూట్

定义和用法

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