قانون import@ در css ادغام فایل ها در سی اس اس

قانون import@ در css ادغام فایل ها در سی اس اس

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد دستور import@ در زبان css توضیحاتی را ارائه نماییم.

دستور import@ در اولین نسخه زبان طراحی css یعنی CSS1 معرفی شده است.

قانون import@ در css | ادغام فایل ها در سی اس اس

معرفی قانون کاربردی import@ در زبان طراحی سی اس اس

توسط قانون کاربردی import@ می توانیم یک فایل سی اس اس را در فایل سی اس اس دیگر ادغام یا ترکیب نماییم.

قوانین import@ را می توانیم به صورت داخلی ( درون سند سی اس اس ) و یا به صورت خارجی ( درون صفحه html داخل تگ style ) تعریف کنیم.

در صورت استفاده از دستور import@ بایستی این خاصیت را در بالای سند سی اس اس استفاده نمایید. ( البته بعد از خصوصیت charset@ در صورت استفاده در سند css )

قوانین import@ از کوئری های رسانه نیز پشتیبانی می کند. لذا شما می توانید فایل های مرتبط با رسانه را به سند سی اس اس خود ایمپورت کنید.

مقادیر دستور کاربردی import@ در زبان طراحی css

دستور کاربردی import@ که در زبان طراحی CSS1 معرفی شده است، 2 مقدار می پذیرد که عبارتند از:

مقدار url|string
مقدار list-of-mediaqueries

مقدار url|string درون دستور import@ در زبان سی اس اس

اگر دستور import@ را برابر با مقدار url|string قرار دهیم، یعنی می خواهیم یک رشته url یا آدرس محل منبعی که قصد ادغام آن را در سند سی اس اس داریم را مشخص نماییم.

این url می تواند آدرس دهی نسبی یا مطلق داشته باشد.

مثال براساس مقدار url|string برای دستور import@

[html] @import url(“navigation.css”); [/html]

مقدار list-of-mediaqueries درون دستور import@ در زبان css

اگر دستور import@ را برابر با مقدار list-of-mediaqueries قرار دهیم، یعنی می خواهیم لیستی از کوئری های رسانه ای جدا شده با کاما که کاربردهای قوانین CSS را در URL مرتبط شده تعریف می کنند، تعیین نماییم.

مثال براساس مقدار list-of-mediaqueries برای دستور import@

[html] @import “mobstyle.css” screen and (max-width: 768px); [/html]

قانون import@ در css ادغام فایل ها در سی اس اس