CSS সীমারেখা শুধুমাত্র একটি সীমানা বেশী
CSS রূপরেখা সম্পত্তি একটি বিভ্রান্তিকর সম্পত্তি। যখন আপনি প্রথম এটি সম্পর্কে শিখবেন, তখন বুঝতে হবে যে সীমান্তের সম্পত্তি থেকে এমনকি দূরবর্তী অবস্থান থেকে এটি কতটুকু ভিন্ন। W3C নিম্নলিখিত পার্থক্য হিসাবে এটি ব্যাখ্যা:
- আউটলাইন স্থান নিতে না।
- আউটলাইনগুলি অ-আয়তক্ষেত্রীয় হতে পারে।
আউটলাইন স্থান গ্রহণ করবেন না
এই বিবৃতি, এবং নিজেই বিভ্রান্তিকর হয়। কিভাবে আপনার ওয়েব পৃষ্ঠা একটি বস্তুর ওয়েব পৃষ্ঠায় স্থান না নিতে পারেন? কিন্তু যদি আপনি আপনার ওয়েব পৃষ্ঠাটি একটি পেঁয়াজের মত মনে করেন তবে পৃষ্ঠার প্রতিটি আইটেম অন্য আইটেমের উপরে স্তরযুক্ত হতে পারে। বহির্বিন্যাসের সম্পত্তিটি স্থান গ্রহণ করে না কারণ এটি সর্বদা উপাদানটির বাক্সে অবস্থিত।
যখন একটি রূপরেখা একটি উপাদান কাছাকাছি স্থাপন করা হয়, এই পৃষ্ঠার উপর যে উপাদান কিভাবে স্থাপিত উপর কোন প্রভাব নেই। এটি উপাদান এর আকার বা অবস্থান পরিবর্তন করা হয় না যদি আপনি একটি উপাদান একটি সীমারেখা রাখেন, এটি একই পরিমাণে স্থান গ্রহণ করবে যেমন আপনার কাছে ঐ উপাদানটির সীমারেখা নেই। এটি একটি সীমানা সত্য নয়। একটি উপাদান সীমানা বাইরের প্রস্থ এবং উপাদান উচ্চতা যোগ করা হয়। তাই যদি আপনার একটি ছবি ছিল যা 50 পিক্সেল চওড়া ছিল, তবে এটি ২-পিক্সেল সীমানা দিয়ে 54 পিক্সেল (প্রতিটি সীমান্তের জন্য 2 পিক্সেল) নিতে হবে। 2-পিক্সেলের রেখাচিত্রের সাথে একই চিত্রটি আপনার পৃষ্ঠায় শুধুমাত্র 50 পিক্সেল প্রস্থে উঠবে, ছবিটি বহির্বিশ্বে চিত্রটির বাইরের প্রান্তে প্রদর্শিত হবে।
আউটলাইন অ-আয়তক্ষেত্র হতে পারে
আপনি "শীতল চিন্তা শুরু করার আগে, এখন আমি বৃত্ত আঁকতে পারি!" আবার চিন্তা কর. এই মতামত আপনি বিবেচনা করতে পারে ভিন্ন একটি অর্থ আছে। যখন আপনি একটি উপাদান উপর সীমানা করা, ব্রাউজার উপাদান একটি বিরাট আয়তক্ষেত্রাকার বাক্স হিসাবে ব্যাখ্যা। বাক্সটি বেশ কয়েকটি লাইনের উপর বিভক্ত হয়ে গেলে, বাক্সটি বন্ধ হয়ে যায় কারণ বক্সটি বন্ধ হয় না। এটি এমন একটি ব্রাউজার যা সীমাহীন অসীম প্রশস্ত স্ক্রিন দেখছে - যে সীমানাটি একটি ক্রমাগত আয়তক্ষেত্র হতে যথেষ্ট।
বিপরীতভাবে, বহির্বিন্যাস সম্পত্তি বিবেচনায় প্রান্তে নেয়। যদি একটি বর্ণিত উপাদান কয়েকটি লাইন স্প্যান করা হয়, তাহলে রেখার প্রান্তে সীমারেখাটি বন্ধ হয়ে যায় এবং পরবর্তী লাইনে পুনরায় খোলা হয়। যদি সম্ভব হয় তবে সীমারেখা সম্পূর্ণরূপে সংযুক্ত থাকবে, একটি অ-আয়তক্ষেত্রাকার আকৃতি তৈরি করা।
রূপরেখা সম্পত্তি ব্যবহার
আউটলাইনের সর্বোত্তম ব্যবহারগুলির মধ্যে একটি হল অনুসন্ধানের শর্তগুলিকে হাইলাইট করা। অনেক সাইট এটি একটি ব্যাকগ্রাউন্ড কালার দিয়ে কাজ করে, কিন্তু আপনি বহির্বিন্যাসের সম্পত্তি ব্যবহার করতে পারেন এবং আপনার পৃষ্ঠাগুলিতে কোনও অতিরিক্ত স্পেসিং যোগ করার বিষয়ে চিন্তা করবেন না।
রূপরেখার রঙের সম্পত্তিটি "উল্টাপাল্টা" শব্দটি গ্রহণ করে যা বহির্বিন্যাসের রংকে বর্তমান পটভূমির বিপরীত করে তোলে। এটি আপনাকে কি কি রং ব্যবহার করা হয় তা জানার প্রয়োজন না করে ডাইনামিক ওয়েব পৃষ্ঠার উপাদানগুলিকে হাইলাইট করার অনুমতি দেয়।
সক্রিয় লিংকগুলির চারপাশে বিন্দু বিন্দু সরিয়ে দেওয়ার জন্য আপনি বহির্বিন্যাসের সম্পত্তি ব্যবহার করতে পারেন। সিএসএস-ট্রিকস থেকে এই নিবন্ধটি দেখানো হয়েছে যে ডট বিন্যাসের সীমারেখাটি কিভাবে মুছে ফেলা যায়।