HTML Style Attribute —
Style হল HTML এর একটি নতুন attributes. যার মাধ্যমে HTML এর মধ্যেই CSS ব্যবহারের সুযোগ সৃষ্টি হয়। CSS এর পূর্ণরূপ (Cascading Style Sheet files).
প্রধানত প্রত্যেকটি HTML উপাদানের জন্য একটি default style থাকে যা background color সাদা এবং text এর color কালো হয়ে থাকে।
কিন্তুু ইচ্ছে করলেই আমরা HTML এর বিভিন্ন উপাদানগুলোকে style attribute এর মাধ্যমে এই default color কে পরিবর্তন করতে পারি।
তাহলে আজকের টিউটোরিয়াল Html এ style attribute ব্যবহার নিয়ে বেসিক যেসব বিষয় নিয়ে আলোচনা করব —
• Html Style attribute এর ব্যবহার.
• Background-color এর ব্যবহার.
• Color এর সাহায্যে text color এর ব্যবহার.
• Text এর font এর জন্য font-family এর ব্যবহার.
• Text এর আকার এর জন্য font-size এর ব্যবহার.
• Text-align এর ব্যবহার.
• Html Style Attribute —
Html Style attribute নিম্নোক্ত syntax মেনে চলে —style="property:value"এখানে "property" হল CSS এর Property এবং "value" হল CSS এর Value"
• Background-color এর ব্যবহার —
নিচে একটি Screenshot ও উদাহরণ দিয়ে দেখাব কিভাবে ব্যাকগ্রাউন্ড color default সাদা থেকে লাল color style এর মাধ্যমে পরিবর্তন করা যায় —
[Note : Bgcolor attribute পুরাতন Html ভার্সন এ সাপোর্ট করে কিন্তু Html 5 সাপোর্ট করে না ]
<!DOCTYPE html>
<html>
<body style="background-color:red">
<h1>Lincons IT</h1>
<p>Welcome on our site.</p>
</body>
</html>
 |
| Result Screenshot |
• Color এর সাহায্যে text color এর ব্যবহার —
Html এর text color পরিবর্তন করার জন্য color প্রপার্টি ব্যবহার করতে হয়।
উদাহরণ —
<body><h1 style="color:red">Lincons IT <p style="color:light gray">Welcome on our site.</p></body>
 |
| Result Screenshot |
• Text এর font এর জন্য font-family এর ব্যবহার-
Font-family প্রপার্টি দ্বারা font এর ধরন পরিবর্তন করা হয়।
[Note : Bgcolor attribute পুরাতন Html ভার্সন এ সাপোর্ট করে কিন্তু Html 5 সাপোর্ট করে না ]
উদাহরণ —
[Note : Bgcolor attribute পুরাতন Html ভার্সন এ সাপোর্ট করে কিন্তু Html 5 সাপোর্ট করে না ]
উদাহরণ —
<body>
<h1 style="font-family:verdana">Lincons IT</h1>
<p style="font-family:courier">Welcome on our site.</p>
</body>
 |
| Result Screenshot |
• Text এর আকার এর জন্য font-size এর ব্যবহার —
উদাহরণ —
<body><h1 style="font-size:300%">Lincons IT</h1><p style="font-size:160%">Welcome on our site.</p></body>
 |
| Result Screenshot |
• Text-align এর ব্যবহার —
[Note : Bgcolor attribute পুরাতন Html ভার্সন এ সাপোর্ট করে কিন্তু Html 5 সাপোর্ট করে না ]
উদাহরণ —
<body><h1 style="text-align:center">Lincons IT</h1><p>Welcome on our site.</p></body>
 |
| Result Screenshot |
—তাহলে এই ছিল HTML Part : 8 এ আজকের - HTML Style Attribute এর tutorial.