CSS আমাদের উপাদানগুলির জন্য পার্শ্ব নির্দিষ্ট প্যাডিং সেট করার অনুমতি দেয়। প্যাডিং-টপ, প্যাডিং-ডান, প্যাডিং-নিচ এবং প্যাডিং-রাইট বৈশিষ্ট্যগুলি যথাক্রমে উপরের, ডান, নীচে এবং বাম প্যাডিংকে সংজ্ঞায়িত করে। প্যাডিং শর্টহ্যান্ড প্রপার্টিও ঘড়ির কাঁটার দিক থেকে মান নির্দিষ্ট করে একই আউটপুট অর্জন করতে ব্যবহার করা যেতে পারে।
সিনট্যাক্স
CSS প্যাডিং সম্পত্তির সিনট্যাক্স নিম্নরূপ -
Selector {
padding-top: /*value*/
padding-right: /*value*/
padding-bottom: /*value*/
padding-left: /*value*/
} নিম্নলিখিত উদাহরণগুলি তালিকার স্টাইলিং-
চিত্রিত করেউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
article {
margin: 2em 1em;
padding: 3%;
background-color: plum;
letter-spacing: 0.05em;
}
span {
padding: 0 53%;
border-right: dashed;
background-image: linear-gradient(to right, lavenderblush, lightblue);
font-size: 1.4em;
font-style: italic;
}
</style>
</head>
<body>
<h2>What is Xamarin?</h2>
<article>
<span>Xamarin is a software company based in San Francisco. Xamarin is built on the .NET Framework.</span> It provides commercial software development tools that allow a user to develop applications for Android, iOS and Windows using C# language and the .NET framework.
</article>
</body>
</html> আউটপুট
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
div {
max-width: 400px;
padding-left: 30px;
padding-top: 44px;
padding-bottom: 60px;
background-image: linear-gradient(to bottom, oldlace, lightblue);
border: thin solid;
text-align: center;
}
div > div {
padding-right: 70px;
}
</style>
</head>
<body>
<h2>Swift programming language by Apple</h2>
<div>Swift is a programming language developed by Apple Inc for iOS and OS X development.
<div>Swift 4 uses the same runtime as the existing Obj-C system on Mac OS and iOS, which enables Swift 4 programs to run on many existing iOS 6 and OS X 10.8 platforms.
</div>
</div>
</body>
</html> আউটপুট
