CSS 数学函数

CSS గణిత ఫంక్షన్లు గణిత సమిక్షా విధానాన్ని ఆటోరిటీ విలువగా వాడవచ్చు. ఈ చాప్టర్ లో చెప్పబడుతుంది: calc(),max() మరియు min() ఫంక్షన్.

calc() ఫంక్షన్

calc() ఫంక్షన్ గణనను నిర్వహిస్తుంది మరియు ఫలితాన్ని ఆటోరిటీ విలువగా వాడుతుంది.

సిఎస్ఎస్ సింటాక్స్

calc(expression)

让我们看一个例子：

实例

使用 calc() డివ్ ఎలమెంట్ యొక్క వెడల్పును గణించుము:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
}

పరీక్షించండి

max() ఫంక్షన్

max() ఫంక్షన్ కామిలుగా విభజించబడిన విలువల జాబితాలో అతిపెద్ద విలువను ఆటోరిటీ విలువగా వాడుతుంది.

సిఎస్ఎస్ సింటాక్స్

max(value1, value2, ...)

让我们看一个例子：

实例

使用 max() దివి1 యొక్క వెడల్పును 50% లేదా 300px లో అతిపెద్ద విలువకు అమర్చుము:

#div1 {
  background-color: yellow;
  height: 100px;
  width: max(50%, 300px);
}

పరీక్షించండి

min() 函数

min() 函数使用逗号分隔的值列表中的最小值作为属性值。

సిఎస్ఎస్ సింటాక్స్

min(value1, value2, ...)

让我们看一个例子：

实例

使用 min() 将 #div1 的宽度设置为 50% 或 300px 中的较小值：

#div1 {
  background-color: yellow;
  height: 100px;
  width: min(50%, 300px);
}

పరీక్షించండి

CSS ఫంక్షన్ రిఫరెన్స్

అన్ని CSS ఫంక్షన్స్ పూర్తి జాబితా కొరకు మా సైట్ నిర్వహించండి CSS ఫంక్షన్ రిఫరెన్స్ మాన్యువల్.