CSS స్కేల్ అట్రిబ్యూట్

పరిచయం గురించి పూర్వ పేజీ
తదుపరి పేజీ @స్కోప్

定义和用法

scale 属性允许你更改元素的大小。

scale 属性定义了元素在 x 和 y 方向上的缩放比例值。你也可以定义元素在 z 方向上的缩放比例。

缩放值可以是一个值、两个值或三个值。

如果给出一个值，元素在 x 和 y 方向上的缩放比例相同。
如果给出两个值，元素分别在 x 和 y 方向上按指定的比例缩放。
మూడు విలువలు ఇచ్చినప్పుడు, అంశం x, y మరియు z దిక్కుల్లో కొన్ని ప్రపర్యంలో స్కేల్ చేయబడుతుంది.

బాగా అర్థం చేసుకోవడానికి scale లక్షణం చూడండి:ప్రదర్శన。

మున్నటి అనుమానం చూడండి:అంశాన్ని స్కేల్ చేయడానికి మరొక విధం ఉంది అది తయారీ లో ఉన్న కేస్ తో పాటు కూడా చూడండి: CSS స్కేల్() ఫంక్షన్ ట్రాన్స్‌ఫార్మేషన్ లక్షణం తయారీ విధానం. scale లక్షణం అంటే అంశాన్ని సులభంగా మరియు ప్రత్యక్షంగా స్కేల్ చేయడానికి ఒక విధం. ఈ పేజీలో వివరించబడిన CSS ట్రాన్స్‌ఫార్మేషన్ లక్షణం అనేది:

ఉదాహరణ

ఉదాహరణ 1

అంశం పరిమాణాన్ని మార్చండి:

div {
  scale: 2;
}

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

ఉదాహరణ 2

ఈ సందర్భంలో scale లక్షణాన్ని రెండు విలువలతో అమర్చినప్పుడు, x అక్షం మరియు y అక్షంపై పరిమాణాన్ని అమర్చబడుతుంది. ఇక్కడ, అంశం x అక్షంపై పరిమాణం రెండు రెట్లు పెరుగుతుంది, y అక్షంపై పరిమాణం అరవై వంతు తగ్గుతుంది:

div {
  scale: 2 50%;
}

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

CSS సంకేతాలు

scale: x-axis y-axis z-axis|initial|inherit;

లక్షణానికి విలువ

విలువ	వివరణ
x-axis	x అక్షంపై స్కేల్ ప్రపర్యం నిర్వచిస్తుంది. సాధ్యమైన విలువలు: సంఖ్య శతకం
y-axis	y అక్షంపై స్కేల్ ప్రపర్యం నిర్వచిస్తుంది. సాధ్యమైన విలువలు: సంఖ్య శతకం
z-axis	z అక్షంపై స్కేల్ ప్రపర్యం నిర్వచిస్తుంది. సాధ్యమైన విలువలు: సంఖ్య శతకం
initial	ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial。
inherit	ఈ లక్షణాన్ని తన ముందస్తు అంశం నుండి పారంతర్యం చేసుకుంది. చూడండి: inherit。

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

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