مثال
استخدام calc() لحساب من عرض <div> العنصر:
#div1 {
position: absolute;
left: 50px;
width: calc(100% -
100px);
border: 1px solid black;
background-color: yellow;
padding:
5px;
text-align: center;
}
انها محاولة لنفسك » تعريف واستخدام
و calc() وظيفة ينفذ عملية حسابية لاستخدامها بوصفها قيمة العقار.
الإصدار: | CSS3 |
---|
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل وظيفة.
أرقام تليها -webkit-، -moz-، أو -o- تحدد النسخة الأولى التي عملت مع بادئة.
وظيفة | |||||
---|---|---|---|---|---|
calc() | 26.0 19.0 -webkit- | تسعة | 16.0 4.0 -moz- | 7.0 6.0 -webkit- | 15.0 |
CSS بناء الجملة
calc( expression )
القيمة | وصف |
---|---|
expression | مطلوب. تعبير رياضي. وسوف تستخدم النتيجة كقيمة. العوامل التالية يمكن استخدامها: + - * / |
<وظائف CSS المرجعي