সিএসএস ব্যবহার করে পাঠ্য সজ্জা কীভাবে প্রয়োগ করা যায়



এই নিবন্ধটি আপনাকে উদাহরণ সহ CSS ব্যবহার করে বিভিন্ন ধরণের পাঠ্য সজ্জা সম্পর্কিত একটি বিস্তৃত এবং ব্যাপক জ্ঞান সরবরাহ করবে।

একটি দস্তাবেজ বা একটি পাঠ্যকে আন্ডারলাইন করা সর্বদা সহজ বলে বিবেচিত হয়। তবে আমরা যদি ওয়েবসাইটগুলির ক্ষেত্রে বিবেচনা করি তবে এটি এখনও সহজ? আমাদের বেশিরভাগ হ্যাঁ বলবে তবে কিছু কাস্টম ডিজাইন সহ একটি অনুভূমিক রেখা তৈরি করা এই সাধারণ কাজটিকে ক্লান্তিকর করে তোলে। নিম্নলিখিত পদ্ধতিতে CSS ব্যবহার করে পাঠ্য সজ্জার যাত্রা শুরু করুন:

কিভাবে জাভা পুনরায় ব্যবহার করতে হবে

পাঠ্য সজ্জা কী?

এটি পাঠ্যে আলংকারিক লাইনগুলির উপস্থিতি নির্ধারণ করে। এটি এর জন্য একটি শর্টহ্যান্ড সম্পত্তি:





  • পাঠ্য-সজ্জা-রেখা
  • পাঠ্য-সজ্জা-রঙ
  • পাঠ্য-সজ্জা-শৈলী

এটি লম্বা হাতের টি উপস্থাপন করে এক বা একাধিক স্থান-বিভাজিত মান হিসাবে নির্দিষ্ট করা হয়েছেxt- সজ্জা বৈশিষ্ট্য।

বাক্য গঠন:



পাঠ্য-সজ্জা: || ||

কোথায়,

  • পাঠ্য-সজ্জা-রেখা: এটি যেমন সজ্জা ব্যবহৃত হয় সেট করতে ব্যবহৃত হয়আন্ডারলাইন, ওভারলাইন এবং লাইন-মাধ্যমে

  • পাঠ্য-সজ্জা-রঙ:এটি সাজসজ্জার রঙ সেট করতে ব্যবহৃত হয়।



  • পাঠ্য-সজ্জা-শৈলী: এটি যেমন লাইনের স্টাইলটি সেট করতে ব্যবহৃত হয়শক্ত, তরঙ্গায়িত, ডটেড, ড্যাশড, ডাবল

সিএসএসে পাঠ্য সজ্জার প্রকার

  • ওভারলাইন:
# সজ্জা {পাঠ্য-সজ্জা: ওভারলাইন}

Overline-text-decoration-using-css

  • লাইন-মাধ্যমে:
# সজ্জা {পাঠ্য-সজ্জা: লাইন-মাধ্যমে}

  • আন্ডারলাইন:
# সজ্জা {পাঠ্য-সজ্জা: আন্ডারলাইন}

  • সংমিশ্রণ:
# সজ্জা {পাঠ্য-সজ্জা: আন্ডারলাইন লাইন-মাধ্যমে ওভারলাইন}

আউটপুট:

সিএসএস ব্যবহার করে পাঠ্য সজ্জা: কোড

কোড:

  

সিএসএস কোড:

পাইথনে স্ট্রিংকে কীভাবে বিপরীত করা যায়
# ওভারলাইন {পাঠ্য-সজ্জা: avyেউয়ের ওভারলাইন চুন

আউটপুট:

পাঠ্য সজ্জা এড়িয়ে যান

পাঠ্য-সজ্জা-স্কিপ হিসাবে পরিচিত একটি সম্পত্তিও ব্যবহার করা যেতে পারে যেখানে একটি পাঠ্য ওভারলাইন, লাইন-থ্রো এবং আন্ডারলাইন। এটি পাঠ্য সজ্জিত করতে সহায়তা করে। এটি সহজভাবে নির্দিষ্ট করে যে যখন তারা আরোহী এবং বংশধরদের উপর দিয়ে যায় তখন কীভাবে ওভারলাইন এবং আন্ডারলাইন আঁকা হয়।

# সজ্জা {পাঠ্য-সজ্জা-এড়িয়ে যান: কালি}

পাঠ্য-সজ্জা স্কিপগুলির সাহায্যে ব্যবহৃত মানগুলি হ'ল:

  • বস্তু : (ডিফল্ট) লাইনটি চিত্র বা ইনলাইন-ব্লক উপাদানগুলির মতো ইনলাইন বস্তুগুলি এড়িয়ে যায়।

  • কিছুই না : লাইন সবকিছু অতিক্রম করে।

  • স্পেস : সজ্জা রেখা ফাঁকা স্থান, শব্দ-বিভাজক অক্ষর এবং অক্ষর ব্যবধান বা শব্দের ফাঁকা স্থানের সাথে সেট করা কোনও ফাঁকা স্থান ছেড়ে যায়।

    পুতুল বনাম শেফ বনাম ডকার
  • কালি : সজ্জা রেখা গ্লিফ, বংশধর বা আরোহীদের এড়িয়ে চলে।

  • প্রান্ত : সামগ্রীটির শুরু প্রান্তের পরে সাজসজ্জা রেখাটি সামান্য শুরু হয় এবং সামগ্রীর শেষ প্রান্তের সামান্য আগে শেষ হয়।

  • বাক্স-সজ্জা : উত্তরাধিকার সূত্রে প্রাপ্ত মার্জিন, সীমানা এবং প্যাডিংয়ের উপরে সজ্জা রেখা এড়িয়ে যায়

যেহেতু এই সম্পত্তিটি কোনও ব্রাউজার দ্বারা সমর্থিত নয় এখনও কোনও ডেমো নেই, তবে এখানে পাঠ্য-সজ্জা-স্কিপ কার্যকর হয়ে গেলে প্রতিটি মান কীভাবে দেখতে পারা যায় তার নীচের চিত্রটিতে এখানে একটি উদাহরণ রয়েছে।

এটির সাথে সাথে আমরা CSS ব্লগ ব্যবহার করে এই পাঠ্য সজ্জাটির শেষে এসেছি। এই বিষয়ে আপনার যদি কোনও প্রশ্ন থাকে তবে নীচে একটি মন্তব্য করুন এবং আমরা আপনার কাছে ফিরে যাব।

আমাদের দেখুন যা প্রশিক্ষকের নেতৃত্বাধীন লাইভ প্রশিক্ষণ এবং বাস্তব জীবনের প্রকল্পের অভিজ্ঞতার সাথে আসে। এই প্রশিক্ষণটি আপনাকে ব্যাক-এন্ড এবং ফ্রন্ট-এন্ড ওয়েব প্রযুক্তিগুলির সাথে কাজ করার দক্ষতায় দক্ষ করে তোলে। এটিতে ওয়েব ডেভলপমেন্ট, জিক্যুয়ারি, অ্যাঙ্গুলার, নোডজেএস, এক্সপ্রেসজেএস এবং মঙ্গোডিবি প্রশিক্ষণ অন্তর্ভুক্ত রয়েছে।

আমাদের জন্য একটি প্রশ্ন আছে? দয়া করে 'সিএসএস ব্যবহার করে পাঠ্য সজ্জা' ব্লগের মন্তব্য বিভাগে এটি উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।