Funizi ya Mafanikio ya CSS
- Pembeo ya Kuzingatia Kipya CSS !important
- Pembeo ya Kuzingatia Kipya Makorongo 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.
- Pembeo ya Kuzingatia Kipya CSS !important
- Pembeo ya Kuzingatia Kipya Makorongo ya CSS