Delete
Do Record
Setting
Add New Item
Menu List
| Title | Content Type | Order | Action | ||||||
|---|---|---|---|---|---|---|---|---|---|
| {{kb_content.name}} {{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
| {{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
| No record | |||||||||
Status: published
Programming, Software and application
2020-10-03 12:17:22
CSS - Text
247
সিএসএস একটি সহজ এবং সহজ উপায়ে ওয়েব ডকুমেন্টের স্টাইল নিয়ন্ত্রণ করতে ব্যবহৃত হয়। সিএসএস হ'ল "ক্যাসকেডিং স্টাইল শীট" এর সংক্ষিপ্ত রূপ। এই টিউটোরিয়ালটি সিএসএস 1, সিএসএস 2 এবং সিএসএস 3 উভয় সংস্করণকে কভার করে এবং সিএসএসের সম্পূর্ণ ধারণা দেয়, এটির প্রাথমিক থেকে শুরু করে উন্নত ধারণাগুলি পর্যন্ত
এই কোর্সে যা থাকছে
৩টি বিষয়
৮০টি লাইভ ক্লাস
এই অধ্যায়টি আপনাকে সিএসএসের বৈশিষ্ট্য ব্যবহার করে পাঠ্য কীভাবে পরিচালনা করতে হবে তা শিখিয়েছে। আপনি একটি উপাদানের নিম্নলিখিত পাঠ্য বৈশিষ্ট্য সেট করতে পারেন
পাঠ্যের রঙ সেট করুন
নিম্নলিখিত উদাহরণটি দেখায় যে কীভাবে পাঠ্যের রঙ সেট করা যায়। সম্ভাব্য মানটি কোনও বৈধ বিন্যাসে যে কোনও রঙের নাম হতে পারে।
উদাহরণ:
<html>
<head>
</head>
<body>
<p style = "color:red;">
This text will be written in red.
</p>
</body>
</html>
পাঠ্য দিকনির্দেশ সেট করুন
নিম্নলিখিত উদাহরণটি দেখায় যে কোনও পাঠ্যের দিকনির্দেশ কীভাবে সেট করা যায়। সম্ভাব্য মানগুলি ltr বা rtl।
উদাহরণ
<html>
<head>
</head>
<body>
<p style = "direction:rtl;">
This text will be rendered from right to left
</p>
</body>
</html>
অক্ষরের মধ্যে স্থান নির্ধারণ করুন
নিম্নলিখিত উদাহরণটি দেখায় যে কীভাবে অক্ষরের মধ্যে স্থান নির্ধারণ করা যায়। সম্ভাব্য মানগুলি স্বাভাবিক বা একটি নম্বর স্পেস নির্দিষ্ট করে দেয় ..
উদাহরণ
<html>
<head>
</head>
<body>
<p style = "letter-spacing:5px;">
This text is having space between letters.
</p>
</body>
</html>
শব্দের মধ্যে স্থান নির্ধারণ করুন
নিম্নলিখিত উদাহরণটি শব্দের মধ্যে স্থান নির্ধারণ করার পদ্ধতিটি প্রদর্শন করে। সম্ভাব্য মানগুলি স্বাভাবিক বা একটি নম্বর নির্দিষ্ট করার স্থান
উদাহরণ
<html>
<head>
</head>
<body>
<p style = "word-spacing:5px;">
This text is having space between words.
</p>
</body>
</html>
পাঠ্য ইনডেন্ট সেট করুন
নীচের উদাহরণটি দেখায় যে অনুচ্ছেদের প্রথম লাইনটি কীভাবে যুক্ত করা যায়। সম্ভাব্য মানগুলি হ'ল% বা একটি নম্বর যা ইনডেন্ট স্পেস নির্দিষ্ট করে।
উদাহরণ
<html>
<head>
</head>
<body>
<p style = "text-indent:1cm;">
This text will have first line indented by 1cm and this line will remain at
its actual position this is done by CSS text-indent property.
</p>
</body>
</html>
পাঠ্য প্রান্তিককরণ সেট করুন
নিম্নলিখিত উদাহরণটি দেখায় যে কীভাবে একটি পাঠ্য সারিবদ্ধ করা যায়। সম্ভাব্য মানগুলি বাম, ডান, কেন্দ্র, ন্যায়সঙ্গত
উদাহরণ
<html>
<head>
</head>
<body>
<p style = "text-align:right;">
This will be right aligned.
</p>
<p style = "text-align:center;">
This will be center aligned.
</p>
<p style = "text-align:left;">
This will be left aligned.
</p>
</body>
</html>
পাঠ্য সজ্জিত
নিম্নলিখিত উদাহরণটি দেখায় যে কোনও পাঠ্যকে কীভাবে সাজাতে হয়। সম্ভাব্য মানগুলি হ'ল কোনও হ'ল, আন্ডারলাইন, ওভারলাইন, লাইন-থ্রো, ঝলক।
উদাহরণ
<html>
<head>
</head>
<body>
<p style = "text-decoration:underline;">
This will be underlined
</p>
<p style = "text-decoration:line-through;">
This will be striked through.
</p>
<p style = "text-decoration:overline;">
This will have a over line.
</p>
<p style = "text-decoration:blink;">
This text will have blinking effect
</p>
</body>
</html>
পাঠ্য কেসগুলি সেট করুন
নিম্নলিখিত উদাহরণটি দেখায় যে কীভাবে কোনও পাঠ্যের ক্ষেত্রে কেস সেট করা যায়। সম্ভাব্য মানগুলি হ'ল কোনও হ'ল, বড় বড়, বড় হাতের অক্ষর, ছোট হাতের।
উদাহরণ
<html>
<head>
</head>
<body>
<p style = "text-transform:capitalize;">
This will be capitalized
</p>
<p style = "text-transform:uppercase;">
This will be in uppercase
</p>
<p style = "text-transform:lowercase;">
This will be in lowercase
</p>
</body>
</html>
পাঠ্যের মধ্যে সাদা স্থান নির্ধারণ করুন
নীচের উদাহরণটি দেখায় যে কোনও উপাদানের অভ্যন্তরে সাদা স্থান কীভাবে পরিচালনা করা হয়। সম্ভাব্য মানগুলি স্বাভাবিক, প্রাক, এখনের্যাপ rap
উদাহরণ
<html>
<head>
</head>
<body>
<p style = "white-space:pre;">
This text has a line break and the white-space pre setting
tells the browser to honor it just like the HTML pre tag.
</p>
</body>
</html>
পাঠ্য শ্যাডো সেট করুন
নীচের উদাহরণটি দেখায় যে কোনও পাঠ্যের চারদিকে ছায়া কীভাবে সেট করা যায়। এটি সমস্ত ব্রাউজার দ্বারা সমর্থিত নাও হতে পারে।
উদাহরণ
<html>
<head>
</head>
<body>
<p style = "text-shadow:4px 4px 8px blue;">
If your browser supports the CSS text-shadow property,
this text will have a blue shadow.
</p>
</body>
</html>