CSS @import নিয়ম
- পূর্ববর্তী পৃষ্ঠা image-rendering
- পরবর্তী পৃষ্ঠা initial-letter
সংজ্ঞা ও ব্যবহার
@import নিয়মটি আপনাকে অন্য স্টাইলশিটকে আমদানিকরণ করতে অনুমতি দেয়。
@import নিয়মটি ডকুমেন্টের শীর্ষে অবস্থান করতে হবে (কিন্তু @charset ঘোষণার পরে)。
@import নিয়মটি মিডিয়া কোয়ালিফাইয়ারকেও সমর্থন করে, তাই মিডিয়ার উপর নির্ভরশীল আমদানিকরণকে অনুমতি দিতে পারে。
প্রকল্প
উদাহরণ 1
বর্তমান স্টাইলশিটে "navigation.css" স্টাইলশিটকে আমদানিকরণ করুন:
@import "navigation.css"; /* স্ট্রিং-এর ব্যবহার */
বা
@import url("navigation.css"); /* URL-এর ব্যবহার */
উদাহরণ 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 |
- পূর্ববর্তী পৃষ্ঠা image-rendering
- পরবর্তী পৃষ্ঠা initial-letter
