CSS ফন্ট প্রতিভা
- পূর্ববর্তী পৃষ্ঠা float
- পরবর্তী পৃষ্ঠা @font-face
পরিভাষা ও ব্যবহার
font সংক্ষিপ্ত বৈশিষ্ট্যটি একটি বিবৃতিতে সমস্ত ফান্ট বৈশিষ্ট্যকে সম্পাদন করে。
মন্তব্য:এই বৈশিষ্ট্যটিতেও ছয়টি মান রয়েছে: "line-height" এবং এটি হাইলাইনের বিস্তৃতি নির্ধারণ করতে পারে。
ব্যাখ্যা
এই সংক্ষিপ্ত বৈশিষ্ট্যটি একবারের জন্য সমস্ত অনুগ্রহ ফান্ট সম্পর্কিত বৈশিষ্ট্যগুলি সম্পাদন করে।icon এবং অন্যান্য শব্দসমূহ ব্যবহার করে যেন ফান্টটি ব্যবহারকারীর কম্পিউটারের পরিবেশের সাথে একই হোক।কিন্তু এই শব্দসমূহ ব্যবহার না করলে অন্ততঃ ফান্ট আকার এবং ফান্ট শৃঙ্খলা নির্দিষ্ট করতে হবে。
এই ক্রমে বৈশিষ্ট্যগুলি সেট করা যায়:
কোনও মান নির্ধারণ করা যায় না, যেমন font:100% verdana;ও অনুমোদিত হয়। নির্ধারণ না করা বৈশিষ্ট্যগুলির ডিফল্ট মান ব্যবহার করা হবে。
আরও দেখুন:
CSS টিউটোরিয়াল:CSS ফন্ট
HTML DOM রেফারেন্স ম্যানুয়েল:font বৈশিষ্ট্য
ইনস্ট্যান্স
একটি ঘোষণাতে সব ফন্ট বৈশিষ্ট্য সেট করা:
p.ex1 { font:italic arial,sans-serif; } p.ex2 { font:italic bold 12px/20px arial,sans-serif; }
CSS গ্রামার
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
প্রতিভূতি
মান | বর্ণনা |
---|---|
font-style | নির্দিষ্ট করে ফন্ট শৈলীfont-style যাতে সম্ভব |
font-variant | নির্দিষ্ট করে ফন্ট ভিন্নতাfont-variant যাতে সম্ভব |
font-weight | নির্দিষ্ট করে ফন্ট হার্ডনেসfont-weight যাতে সম্ভব |
font-size/line-height | নির্দিষ্ট করে ফন্ট মাপ এবং লাইন হাইটfont-size এবং line-height যাতে সম্ভব |
font-family | নির্দিষ্ট করে হার্ডফন্টfont-family যাতে সম্ভব |
caption | টাইটেল কন্ট্রোল (যেমন বাটন, ড্রপডাউন লিস্ট ইত্যাদি) ব্যবহৃত ফন্টকে নির্দিষ্ট করে |
icon | আইকন ট্যাগ ব্যবহৃত ফন্টকে নির্দিষ্ট করে |
menu | ড্রপডাউন লিস্ট ব্যবহৃত ফন্টকে নির্দিষ্ট করে |
message-box | ডায়লগ ব্যবহৃত ফন্টকে নির্দিষ্ট করে |
small-caption | caption ফন্টের ছোট সংস্করণ |
status-bar | বিন্ডোর স্টেটাস বার ব্যবহৃত ফন্টকে নির্দিষ্ট করে |
টেকনিক্যাল বিবরণ
ডিফল্ট মান: | not specified |
---|---|
উত্তরসূরীতা: | yes |
সংস্করণ: | CSS1 |
জেভাস্ক্রিপ্ট গ্রামার: | object.style.font="italic small-caps bold 12px arial,sans-serif" |
TIY ইনস্ট্যান্স
- সব ফন্ট বৈশিষ্ট্য একটি ঘোষণাতে
- এই উদাহরণটি দেখিয়েছে কিভাবে সংক্ষিপ্ত বৈশিষ্ট্য দ্বারা ফন্ট বৈশিষ্ট্যকে একটি ঘোষণাতে সেট করা যায়。
- "caption" মানের প্যারাগ্রাফ ফন্ট সেট করা
- এই উদাহরণটি দেখিয়েছে কিভাবে "caption" মানের প্যারাগ্রাফ ফন্ট সেট করা যায়。
ব্রাউজার সমর্থন
টেবিলের সংখ্যা থেকে প্রথম ব্রাউজারের সম্পূর্ণভাবে সমর্থিত এই বৈশিষ্ট্যকে উল্লেখ করা হয়েছে。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- পূর্ববর্তী পৃষ্ঠা float
- পরবর্তী পৃষ্ঠা @font-face