7
تشکر

مقدمه ای بر تابع calc در CSS3

CSS3

CSS3

با استفاده از تابع calc در CSS3 میتوان عملیات ریاضی را به راحتی انجام داد. از این تابع بیشتر در طراحی های رییسپانسیو استفاده میشود مخصوصا در خاصیت هایی مانند width, height, margin, padding  و font-size

برای مثال سه دایو را در زیر میبینید که هر سه دارای یک کلاس مشترک هستند.

<div class="col one">A</div>
<div class="col two">B</div>
<div class="col three">C</div>

اکنون با استفاده از تابع calc به این سه دایو عرض width مناسب میدهیم.

width: calc(100% / 3);
width: -webkit-calc(100% / 3);
width: -moz-calc(100% / 3);

این تابع در مرورگر Opera هنوز پشتیبانی نمیشود. همچین برای استفاده در مرورگرهای کروم و سافاری نیاز به استفاده از پیشوند مناسب (-webkit- و –moz-) است.

جدول پشتیبانی مرورگرها

  • علی می‌گه:

    با سلام ، خیلی خوب بود ، تشکر
    لطفا یک ایمیل از مدیریت آپارنت به من بدهید ، یک موضوعی هست که با ایشان می خواهم درمیان بگذارم .


  • نظرات این مطلب بسته است.