CSS লিখন অন্তর

লেখার সামনের অন্তর

text-indent এই প্রতিভা লেখার প্রথম লাইনের সামনের অন্তর নির্দিষ্ট করে।

ইনস্ট্যান্স

p {
  text-indent: 50px;
}

স্বয়ং প্রয়াস করুন

অক্ষর সাপেক্ষিক অন্তর

letter-spacing এই প্রতিভা লেখায় শব্দগুলির মধ্যে সাপেক্ষিক অন্তর নির্দিষ্ট করে।

এই উদাহরণটি শব্দগুলির মধ্যে সাপেক্ষিক অন্তর বাড়াতে কিংবা কমাতে কিভাবো দেখায়:

ইনস্ট্যান্স

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

স্বয়ং প্রয়াস করুন

লাইন হাইট

line-height এই প্রতিভা লাইনের মধ্যের ব্যাসানুসঙ্গতি নির্দেশ করে:

ইনস্ট্যান্স

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

স্বয়ং প্রয়াস করুন

শব্দ ব্যাসানুসঙ্গতি

word-spacing এই প্রতিভা টেক্সটের শব্দের মধ্যে ব্যাসানুসঙ্গতি নির্দেশ করে。

নিচের ইনস্ট্যান্স থেকে দেখা যায় কিভাবে শব্দের মধ্যে ব্যাসানুসঙ্গতি বাড়ানো বা হ্রাস করা যায়:

ইনস্ট্যান্স

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

স্বয়ং প্রয়াস করুন

খালি জায়গা

white-space এই প্রতিভা ইলিমেন্টের ভিতরের খালি জায়গার প্রক্রিয়াকরণ নির্দেশ করে。

এই ইনস্ট্যান্স থেকে দেখা যায় কিভাবে এলিমেন্টের ভিতরের টেক্সটকে ট্রান্সফর্ম করা যায় যাতে টেক্সট একটি লাইনে থাকে:

ইনস্ট্যান্স

p {
  white-space: nowrap;
}

স্বয়ং প্রয়াস করুন