সিএসএস White Space:

0
84
css
css

 

সিএসএস White Space:

white-space attribute এর মাধ্যমে লেখাটি  এক লাইনে চলতে থাকবে যতক্ষন না আপনি break <br />

ট্যাগ না দিবেন।

1.p { white-space: nowrap; }

প্রদর্শন:

This paragraph will not wrap until I tell it to with a break tag.

</br> ট্যাগ দিলে তারপর থেকে নিচে লাইন যাবে।

সিএসএস Word Spacing:

সিএসএস Word Spacing attribute এর মাধ্যমে পাশাপাশি শব্দগলোর মধ্যে gap এর পরিমান নির্ধারন করে দেয়া যায়।

1.p { word-spacing: 10px; }

প্রদর্শন:

(নোট প্যাডে দেখুন)

This paragraph has a word-spacing value of 10px.

সিএসএস Letter Spacing:

সিএসএস letter-spacing attribute এর মাধ্যমে শব্দের মধ্যে বর্ণ গুলোর মধ্যে gap এর পরিমান নির্ধারন করে

দেয়া যায়।

1.p { letter-spacing: 3px; }

প্রদর্শন:

(নোট প্যাডে দেখুন)

This is a paragraph with letter-spacing of 3px.

1.p { white-space: nowrap; }

প্রদর্শন:

This paragraph will not wrap until I tell it to with a break tag.

</br> ট্যাগ দিলে তারপর থেকে নিচে লাইন যাবে।

সিএসএস Word Spacing:

সিএসএস Word Spacing attribute এর মাধ্যমে পাশাপাশি শব্দগলোর মধ্যে gap এর পরিমান নির্ধারন করে দেয়া যায়।

1.p { word-spacing: 10px; }

প্রদর্শন:

(নোট প্যাডে দেখুন)

This paragraph has a word-spacing value of 10px.

সিএসএস Letter Spacing:

সিএসএস letter-spacing attribute এর মাধ্যমে শব্দের মধ্যে বর্ণ গুলোর মধ্যে gap এর পরিমান নির্ধারন করে

দেয়া যায়।

1.p { letter-spacing: 3px; }

প্রদর্শন:

(নোট প্যাডে দেখুন)

This is a paragraph with letter-spacing of 3px.

সিএসএস প্যাডিং টিউটোরিয়াল (CSS Padding)

সিএসএস প্যাডিং ব্যবহার করে আপনি এইচটিএমএল এলিমেন্ট (paragraphs, tables ইত্যাদি ) এর  default প্যাডিং  পরিবর্তন করতে পারেন। আর  প্যাডিং বলতে বোঝায় এলিমেন্ট এর  border এবং তার content  এর মধ্যের অংশকে।

1.p {padding: 15px; border: 1px solid black; }
2.h5{padding: 0px; border: 1px solid red;}

This is a paragraph that has a padding of 15 pixels on every side: top, right, bottom, and left.

This header has no padding, which places the text right against the border!

সিএসএসপ্যাডিং: 1 Value

1 Value বিশিষ্ট প্যাডিং সকল (top, right, bottom, left.) পাশে uniform padding  তৈরী করে।

1.p {padding: 2%; border: 1px solid black; }
2.h5{padding: 0px; border: 1px solid red;}

প্রদর্শন:

(নোট প্যাডে দেখুন)

This is a paragraph that has a padding of 5 pixels on every side: left, top, right, and bottom.

This header has no প্যাডিং. It is only spaced away from the paragraph because the paragraph has a প্যাডিং of 5 pixels!

LEAVE A REPLY

Please enter your comment!
Please enter your name here