HTML Styles - Jassif Team

এইচটিএমএল শৈলী

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

I am Red

I am Blue

I am Big

একটি HTML উপাদানের শৈলী সেট করাstyleবৈশিষ্ট্য দ্বারা করা যেতে পারে.

HTML styleবৈশিষ্ট্যের নিম্নলিখিত সিনট্যাক্স রয়েছে:

<tagname style="property:value;">

propertyএকটি CSS বৈশিষ্ট্য।valueএকটি CSS মান।

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

CSS background-colorবৈশিষ্ট্য একটি HTML উপাদানের জন্য পটভূমির রঙ নির্ধারণ করে।

পৃষ্ঠার পটভূমির রঙ পাউডার নীলে সেট করুন:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

দুটি ভিন্ন উপাদানের জন্য পটভূমির রঙ সেট করুন:

<body>

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

</body>

CSS colorবৈশিষ্ট্য একটি এইচটিএমএল উপাদানের জন্য পাঠ্য রঙ সংজ্ঞায়িত করে:

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

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

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

CSS font-sizeবৈশিষ্ট্য একটি এইচটিএমএল উপাদানের জন্য পাঠ্য আকার সংজ্ঞায়িত করে:

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

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

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

✓ ঠিক আছে! HTML এ ব্যাকগ্রাউন্ড কালার সেট করার জন্য এটি সঠিক সিনট্যাক্স

✗ ভুল!background-colorএটি একটি CSS বৈশিষ্ট্য, একটি HTML বৈশিষ্ট্য নয়

✗ ভুল!bgcolorCSS-এ একটি পুরানো HTML অ্যাট্রিবিউটbackground-colorব্যবহার করুন