Home-theater-designers
ওয়ার্ড প্রসেসিংয়ের সাথে আঁকড়ে ধরার সময় সমস্ত ডেভেলপারদের প্রথম বৈশিষ্ট্যগুলির মধ্যে একটি ছিল পাঠ্য সারিবদ্ধকরণ। সেই ছোট্ট সরঞ্জামটি পেশাদার টাইপসেটার এবং অপেশাদার ফ্লায়ার ডিজাইনারদের জন্য একইভাবে গুরুত্বপূর্ণ। ওয়েব ডিজাইনের ক্ষেত্রে CSS- এর টেক্সট অ্যালাইনমেন্টের সমর্থন আছে এতে অবাক হওয়ার কিছু নেই।
দ্য পাঠ্য-সারিবদ্ধ সম্পত্তি, এক বা দুইজন অন্যের সাথে, নিয়ন্ত্রণ করে কিভাবে একটি উপাদান তার পাঠ্যকে অনুভূমিকভাবে সারিবদ্ধ করে। মূল বিষয়গুলি অতিক্রম করে, ব্রাউজারগুলি ধীরে ধীরে আরও বেশি স্পেক বাস্তবায়ন করছে, তবে সম্পূর্ণ সমর্থন পরিবর্তিত হয়। টেক্সটকে কিভাবে সারিবদ্ধ করতে হয় এবং সাধারণ ব্রাউজারগুলি আজকে সমর্থন করে তা শিখুন।
সিএসএস পাঠ্য-সারিবদ্ধ সম্পত্তির মূল বিষয়
প্রান্তিককরণ সবচেয়ে পরিচিত টাইপোগ্রাফি পদগুলির মধ্যে একটি। সিএসএস প্রসঙ্গে, পাঠ্য-সারিবদ্ধ অনুভূমিক সারিবদ্ধতা বোঝায়।
অনুভূমিক পাঠ্য সারিবদ্ধকরণ শুধুমাত্র ব্লক পাত্রে প্রযোজ্য। এগুলি পূর্ণ-প্রস্থ উপাদান যেমন অনুচ্ছেদ এবং ডিভ। ব্যবহার করে পাঠ্য-সারিবদ্ধ একটি ইনলাইন উপাদান যেমন সম্পত্তি ভিতরে কোন প্রভাব থাকবে না। আপনি তালিকা আইটেম এবং টেবিল সেলগুলিকে সারিবদ্ধ করতে পারেন:
চিত্রকরে চিত্রকে ভেক্টরে রূপান্তর করুন
ডিফল্টরূপে, বাম-থেকে-ডান ভাষায় (এর পরে আরও), পাঠ্য বাম দিকে সারিবদ্ধ হয়:
CSS এ, এটি একই রকম:
p { text-align: left; }অথবা:
p { text-align: start; }সম্পর্কিত: ক্যাসকেডিং স্টাইল শীট কি এবং CSS কি জন্য ব্যবহার করা হয়?
আপনি এর জন্য অন্যান্য মান ব্যবহার করতে পারেন পাঠ্য-সারিবদ্ধ অনুভূমিক সারিবদ্ধতা পরিবর্তন করার জন্য সম্পত্তি। সবচেয়ে সাধারণ মানগুলি ওয়ার্ড প্রসেসিং অ্যাপস থেকে পরিচিত:
text-align: left
text-align: center
text-align: rightবাম এবং ডান প্রান্ত সারিবদ্ধ করতে ন্যায্যতা ব্যবহার করুন
জন্য আরেকটি সাধারণ মান পাঠ্য-সারিবদ্ধ হয় ন্যায্যতা । ব্রাউজারগুলি যুক্তিযুক্ত পাঠ্যে স্থান যুক্ত করে যাতে প্রতিটি লাইন উপলভ্য স্থান পূরণ করতে প্রসারিত হয়:
যখন আপনি পাঠ্যকে ন্যায্যতা দেন, চূড়ান্ত লাইনটি জটিল হতে পারে। যেহেতু এটি খুব ছোট হতে পারে (সম্ভবত কেবল একটি শব্দ), এটি পুরো প্রস্থ জুড়ে ফাঁক করা কুৎসিত হতে পারে। ডিফল্টরূপে, এমনকি ন্যায়সঙ্গত পাঠ্য চূড়ান্ত লাইন বাম দিকে সারিবদ্ধ করবে।
কিভাবে ccleaner আমার কম্পিউটারে পেয়েছিলাম
আপনি কখনও কখনও একটি ভিন্ন প্রভাব চাইতে পারেন। ব্রাউজার বাস্তবায়নগুলি স্পেকের সাথে ধরা পড়ছে, তবে দুটি পন্থা সম্ভব।
দ্য ন্যায্যতা-সব ভ্যালু মানে ব্রাউজারগুলি অন্যদের মত চূড়ান্ত লাইনের সাথে আচরণ করে এবং এটি সম্পূর্ণ প্রস্থে প্রসারিত করে। যাইহোক, লেখার সময়, কোন ব্রাউজার এই মান সমর্থন করে না। আপনি পারেন তারা কি না তা দেখতে caniuse চেক করুন যখন আপনি এই নিবন্ধটি পড়ছেন।
আরেকটি CSS সম্পত্তি, পাঠ্য-সারিবদ্ধ-শেষ , আরো নমনীয় এবং ভাল সমর্থন আছে। আপনি কমবেশি একইরকম আচরণ করতে পারেন পাঠ্য-সারিবদ্ধ , কিন্তু এটি শুধুমাত্র চূড়ান্ত লাইনে প্রযোজ্য:
এই সম্পত্তির জন্য ব্রাউজার সমর্থন ভাল, কিন্তু নিখুঁত নয়। আবার, আপনি এটি ব্যবহার করার আগে caniuse চেক করুন । যদি কোনও ব্রাউজার এই সম্পত্তিটিকে চিনতে না পারে তবে এটি এটি উপেক্ষা করবে।
পাঠ্য সারিবদ্ধকরণ এবং পড়ার দিকনির্দেশ
আপনি হয়তো এমন একটি ভাষা নিয়ে কাজ করছেন, যেমন আরবি বা হিব্রু, যা ডান থেকে বামে পড়ে। CSS ব্যবহার করে অভিমুখ সম্পত্তি নির্দিষ্ট করার জন্য, উদাহরণস্বরূপ:
direction: rtl;এই ভাষাগুলি সাধারণত ডিফল্টভাবে ডানদিকে পাঠ্য সারিবদ্ধ করে।
নির্দিষ্ট করার পরিবর্তে বাম / ঠিক , পাঠ্য সারিবদ্ধ করার পছন্দের উপায় মান ব্যবহার করে শুরু এবং শেষ । এটি নির্দিষ্ট করে যে পাঠ্যটি প্রতিটি লাইনের শুরুতে বা শেষে লাইন করা উচিত কিনা। বাম থেকে ডান ভাষায়, শুরু সমতুল্য বাম । ডান থেকে বাম ভাষায়, পাঠ্যটি ডানদিকে শুরু হয় এবং বামে শেষ হয়।
বুট থেকে উইন্ডোজ ১০ ফ্যাক্টরি রিসেট
ব্যবহার শুরু অথবা শেষ মানে যে, পাঠ্য দিক নির্বিশেষে, সারিবদ্ধতা সামঞ্জস্যপূর্ণ।
উপাদানগুলি কীভাবে পাঠ্য-সারিবদ্ধ সম্পত্তির উত্তরাধিকারী হয়
আপনার সচেতন হওয়া উচিত যে পাঠ্য-সারিবদ্ধ সম্পত্তি উত্তরাধিকারসূত্রে প্রাপ্ত। উদাহরণস্বরূপ, যদি আপনি এটি সেট করেন শরীর উপাদান, এটি পৃষ্ঠার প্রতিটি উপাদানের ক্ষেত্রে প্রযোজ্য হবে। আপনি অবশ্যই এটিকে যেকোনো উপাদানের উপর ওভাররাইড করতে পারেন।
লেআউট নিয়ন্ত্রণ করতে পাঠ্য-সারিবদ্ধ সম্পত্তি ব্যবহার করা
আপনি ব্যবহার করতে পারেন পাঠ্য-সারিবদ্ধ ব্রাউজার কিভাবে অনুভূমিকভাবে টেক্সট বের করে তা নির্ধারণ করতে CSS প্রপার্টি। সবচেয়ে সাধারণ মান হল বাম , ঠিক , কেন্দ্র , এবং ন্যায্যতা । এগুলি মোটামুটি সহজবোধ্য, যদিও ন্যায্যতা কিছু জটিলতার পরিচয় দেয়।
আপনি সংক্ষিপ্তভাবে পাঠ্য সারিবদ্ধকরণ ব্যবহার করা উচিত। বিলবোর্ড এবং পোস্টারগুলিতে, কেন্দ্রীয় সারিবদ্ধকরণ উপযুক্ত হতে পারে, কিন্তু এটি পাঠ্যের দীর্ঘ ব্লকগুলি পড়তে কঠিন করে তুলতে পারে। যখন পাঠ্যের লাইনগুলি দীর্ঘ হয় তখন ন্যায্যতা সাধারণত বেশি পাঠযোগ্য। পাঠ্যের সংক্ষিপ্ত কলামগুলিকে ন্যায্যতা দিলে কুৎসিত ব্যবধান তৈরি হতে পারে।
দ্য পাঠ্য-সারিবদ্ধ সম্পত্তি অনেক সিএসএস বৈশিষ্ট্যগুলির মধ্যে একটি যা দরকারী বিন্যাস এবং মৌলিক অবস্থান প্রদান করে।
শেয়ার করুন শেয়ার করুন টুইট ইমেইল 10 টি সহজ CSS কোড উদাহরণ আপনি 10 মিনিটে শিখতে পারেনসিএসএসের সাহায্যের প্রয়োজন? শুরু করার জন্য এই মৌলিক CSS কোড উদাহরণগুলি চেষ্টা করুন, তারপর সেগুলি আপনার নিজস্ব ওয়েব পেজে প্রয়োগ করুন।
পরবর্তী পড়ুন সম্পর্কিত বিষয়- প্রোগ্রামিং
- ওয়েব ডেভেলপমেন্ট
- ওয়েব ডিজাইন
- সিএসএস
ববি একজন প্রযুক্তি উৎসাহী যিনি দুই দশকের বেশিরভাগ সময় সফটওয়্যার ডেভেলপার হিসেবে কাজ করেছেন। তিনি গেমিং সম্পর্কে উত্সাহী, সুইচ প্লেয়ার ম্যাগাজিনে রিভিউ এডিটর হিসাবে কাজ করছেন এবং অনলাইন প্রকাশনা এবং ওয়েব ডেভেলপমেন্টের সকল ক্ষেত্রে নিমজ্জিত।
ববি জ্যাক থেকে আরোআমাদের নিউজলেটার সদস্যতা
প্রযুক্তি টিপস, রিভিউ, ফ্রি ইবুক এবং এক্সক্লুসিভ ডিলের জন্য আমাদের নিউজলেটারে যোগ দিন!
সাবস্ক্রাইব করতে এখানে ক্লিক করুন