CSS শর্টহ্যান্ড বর্ডার সম্পত্তি (CSS Shorthand Border Property) [বাংলায় CSS মাস্টার ক্লাস]:
ওয়েব ডিজাইনের জগতে, দক্ষতা এবং সরলতা অত্যন্ত গুরুত্বপূর্ণ বৈশিষ্ট্য। CSS (ক্যাসকেডিং স্টাইল শীট) ওয়েবসাইটের নান্দনিকতা এবং কার্যকারিতা বাড়ানোর জন্য ওয়েব ডেভেলপারদের একটি বিশাল টুলবক্স দিয়ে সজ্জিত করে। এই টুলগুলির মধ্যে, CSS শর্টহ্যান্ড বর্ডার প্রপার্টি শৈলী ঘোষণাকে স্ট্রিমলাইন করার জন্য এবং পরিষ্কার, সংক্ষিপ্ত কোড অর্জনের জন্য একটি অমূল্য সম্পদ হিসাবে দাঁড়িয়ে আছে।
CSS শর্টহ্যান্ড বর্ডার প্রপার্টি একটি সংক্ষিপ্ত ঘোষণায় চারটি পৃথক সীমানা বৈশিষ্ট্যকে একত্রিত করে। এই চারটি বৈশিষ্ট্য হল সীমানা-প্রস্থ (border-width), বর্ডার-স্টাইল (border-style), বর্ডার-রং (border-color) এবং বর্ডার-ব্যাসার্ধ (border-radius)। শর্টহ্যান্ড প্রপার্টি ব্যবহার করে, আপনি এই সমস্ত মানগুলিকে কোডের একটি লাইন দিয়ে সেট করতে পারেন, অপ্রয়োজনীয়তা হ্রাস করে এবং আপনার CSS ক্লিনার এবং আরও পরিচালনাযোগ্য করে তোলে।
CSS শর্টহ্যান্ড বর্ডার সম্পত্তি (CSS Shorthand Border Property) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।
border-width: 5px;
border-style: solid;
border-color: red;CSS শর্টহ্যান্ড বর্ডার সম্পত্তি (CSS Shorthand Border Property)
border: 5px solid red;Example:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS MASTER JHUTANDA</title>
<!--https://jhutanda.com-->
<!--https://github.com/jhutanda-->
</head>
<body>
<button class="b1">Button1</button>
<button class="b2">Button2</button>
<!-- border-width
border-style (required)
border-color -->
<!-- css style -->
<style>
/* Example:1 */
.b1 {
border-width: 5px;
border-style: solid;
border-color: red;
}
/* Example:2 */
.b2{
border: 5px solid red;
}
</style>
</body>
</html>