فقرة فرعية #2 من درس: دالة calc في لغة CSS

CSS calc percentage and piexel دالة calc مع النسب المئوية ووحده بيكسل في لغة CSS

ستتعرف في هذا الدرس التحكم في طول وعرض عناصر HTML بأستخدام دالة calc مع خاصية height وخاصية width في لغة CSS.

1 صفوف تعليمية

لغة CSS

2,813 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تًستخدم دالة calc في لغة CSS مع الأرقام بالعمليات الحسابية المًختلفة الطرح أو القسمة أو الضرب أو الجمع.

دالة calc مع النسب المئوية ووحدة pixel مع الطرح في لغة CSS.

HTML

p 
{
  width: calc(100% - 50px);
  border: 1px solid red;
}

دالة calc مع النسب المئوية ووحدة pixel مع الجمع في لغة CSS.

HTML

p 
{
  width: calc(30% + 100px);
  border: 1px solid red;
}