نمونه کد

یک نمونه ساده از خاصیت aspect-ratio:

آزمایشگاه

تعریف و کاربرد

خاصیت aspect-ratio یا همان "نسبت ابعاد" به کاربر این دسترسی را می دهد تا بتواند عرض و ارتفاع تگ های خود را مشخص کند.

اطلاعات

# توضیحات
مقدار پیشفرض اتوماتیک
ارث بری خیر
انیمیشن خیر
نسخه CSS3
نگارش JS object.style.aspectRatio="16/9"

سازگاری با مرورگر

اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیت aspect-ratio هستند.

# کروم ادج فایرفاکس سافاری اپرا
aspect-ratio

شیوه نگارش

مقادیر

مقادیر توضیحات
number عدد دومی که در مقادیر خود وارد می نمایید، ارتفاع را تعریف می کند.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.

صفحات مرتبط

آموزش CSS: ماژول طرح‌بندی شبکه‌ای CSS

ویژگی شی تناسب CSS: ویژگی شی تناسب CSS

ویژگی CSS Object-position: ویژگی CSS Object-position