HTML Tutorials
HTML ফর্মস
HTML গ্রাফিকস
HTML Media
HTML Examples
HTML রিফারেন্স

HTML স্টাইলস

পূর্বে পরবর্তী

HTML <style>বৈশিষ্ট্যটি একটি উপাদানে শৈলী(style) যোগ করতে ব্যবহৃত হয়, যেমন রঙ, ফন্ট, আকার এবং আরও অনেক কিছু।

উদাহরণ:

I am Red

I am Blue

I am Big

নিজে চেষ্টা করুন »

The HTML Style Attribute

একটি HTML উপাদানের স্টাইল <style> সেট করা, স্টাইল<style> এট্রিবিউটস দিয়ে করা যেতে পারে।

HTML <style> এট্রিবিউটস নিম্নলিখিত সিনট্যাক্স রয়েছে:

<tagname style="property:value;">

property একটি CSS property. value হল একটি CSS value।

আপনি এই টিউটোরিয়ালের পরে CSS সম্পর্কে আরও শিখবেন।

পেছনের রং(Background Color)

ব্যাকগ্রাউন্ড-কালার<background-color>CSS প্রোপার্টি একটি HTML উপাদানের পিছনের রঙ পরিবর্তন করতে সাহায্য করে।

উদাহরণ:

দুটি ভিন্ন উপাদানের জন্য ব্যাকগ্রাউন্ড কালার সেট করুন:

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>
নিজে চেষ্টা করুন »

লেখার রঙ(Text color)

CSS color এট্রিবিউট একটি HTML উপাদানের জন্য পাঠ্য রঙ নির্ধারণ করে:

উদাহরণ:

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
নিজে চেষ্টা করুন »

Fonts

CSS ফন্ট-ফ্যামিলি প্রপার্টি একটি HTML এলিমেন্টের জন্য ব্যবহার করা ফন্টকে সংজ্ঞায়িত করে:

উদাহরণ:

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
নিজে চেষ্টা করুন »

অক্ষরের আকার (Text Size)

CSS ফন্ট-আকার বৈশিষ্ট্য একটি HTML উপাদানের জন্য পাঠ্য আকার সংজ্ঞায়িত করে:

উদাহরণ:

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
নিজে চেষ্টা করুন »

লিখার বিন্যাস(Text Alignment)

CSS text-align বৈশিষ্ট্য একটি HTML উপাদানের জন্য অনুভূমিক(horizontal) পাঠ্য বিন্যাস(Text Alignment) সংজ্ঞায়িত করে:

উদাহরণ:

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
নিজে চেষ্টা করুন »

অধ্যায়ের সারাংশ(chapter Summary)

  • HTML উপাদান স্টাইল করার জন্য স্টাইল এট্রিবিউট ব্যবহার করুন
  • ব্যাকগ্রাউন্ড রঙের জন্য ব্যাকগ্রাউন্ড-কালার ব্যবহার করুন
  • টেক্সট রং জন্য রং(color)ব্যবহার করুন
  • টেক্সট ফন্টের জন্য font-family ব্যবহার করুন
  • পাঠ্য আকারের জন্য ফন্ট-আকার(font-size) ব্যবহার করুন
  • পাঠ্য সারিবদ্ধকরণের জন্য text-align ব্যবহার করুন
পূর্বে পরবর্তী