Funizi ya Mafanikio ya CSS

Funguo ya uhusiano wa CSS inaruhusiwa kufanya muhakikisho wa matukio kama thamani ya kipimo. Kitabu hiki kina kufungua kumekuwa(),kubwa() na min() Funguo.

Funguo kumekuwa()

kumekuwa() Funguo inafanya matokeo ya matokeo kwa kawaida kwa thamani ya kipimo.

Makadara ya CSS

kumekuwa(expression)
描述
expression Inayohitaji. Matokeo ya muhakikisho. Matokeo yatakabidhi thamani. Inaweza kutumiwa kifo chaguo: +, -, *, /

让我们看一个例子:

实例

使用 kumekuwa() Kumekuwa kipimo cha <div> element:

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

亲自试一试

Funguo kubwa()

kubwa() Funguo inatumia thamani zaidi za kawaida zilizotumiwa kwa kawaida kama thamani ya kipimo.

Makadara ya CSS

kubwa(value1, value2, ...)
描述
value1, value2, ... Inayohitaji. Orodha ya thamani zaidi za kawaida - chaguo mkubwa.

让我们看一个例子:

实例

使用 kubwa() Ingiza kipimo cha #div1 kwa 50% au 300px kipya:

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

亲自试一试

min() 函数

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

Makadara ya CSS

min(value1, value2, ...)
描述
value1, value2, ... 必需。一个逗号分隔的值列表——选择最小的值

让我们看一个例子:

实例

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

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

亲自试一试

CSS 函数参考

如需所有 CSS 函数的完整列表,请访问我们的 Mfano wa Funksheni ya CSS.