CSS @import নিয়ম
বিবরণ ও ব্যবহার
@import নিয়মটি আপনাকে অন্য স্টাইল সূচীকে আমদানিকরণ করতে অনুমতি দেয়。
@import নিয়মটি ডকুমেন্টের শীর্ষে অবস্থিত হতে হবে (কিন্তু @charset ঘোষণার পরে)。
@import নিয়ম মিডিয়া কোয়ারির সমর্থন করে, তাই মিডিয়ার উপর নির্ভরশীল আমদানিকরণ অনুমতি দেয়。
প্রকল্প
উদাহরণ 1
"navigation.css" স্টাইল সূচী এক্ষেত্রের স্টাইল সূচীতে আমদানিকরণ করুন:
@import "navigation.css"; /* স্ট্রিং ব্যবহার */
বা
@import url("navigation.css"); /* ইউরি ব্যবহার */
উদাহরণ 2
শুধুমাত্র মিডিয়া হলেন print হলে "printstyle.css" স্টাইল সূচী আমদানিকরণ করা হবে:
@import "printstyle.css" print;
উদাহরণ 3
শুধুমাত্র মিডিয়া হলেন screen এবং ভিউপোর্টের সর্বোচ্চ প্রস্থ 768 পিক্সেল হলে "mobstyle.css" স্টাইল সূচী আমদানিকরণ করা হবে:
@import "mobstyle.css" screen and (max-width: 768px);
CSS বিন্যাস
@import url|string list-of-mediaqueries;
প্রতিভূত মান
| মূল্য | বর্ণনা |
|---|---|
| url|string | url বা স্ট্রিং, যা আমদানিকৃত সম্পদের অবস্থানকে প্রতিনিধিত্ব করে।url সম্পূর্ণ বা সম্পূরক হতে পারে。 |
| list-of-mediaqueries | কমা দ্বারা বিভক্ত মিডিয়া কোয়ারি তালিকা, যা নিয়েছে যে URL-এর মাধ্যমে আমদানিকৃত CSS নিয়ম কোনসারণে প্রয়োগ করা হবে。 |
ব্রাউজার সমর্থন
টেবিলের সংখ্যাটি এই অপারেন্সটির প্রথম সমর্থনকারী ব্রাউজার সংস্করণটি নির্দেশ করে।
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
