آموزش پدینگ در برنامه نویسی آیونیک

4 سال پیش

امتیاز دهید post

آموزش پدینگ در برنامه نویسی آیونیک

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش پدینگ در برنامه نویسی آیونیک خواهیم پرداخت.

برنامه نویسی آیونیک یک روش آسان برای افزودن پدینگ به عناصر ارائه می دهد. چند کلاس وجود دارد که می تواند مورد استفاده قرار گیرد و همه آنها 10px بین حاشیه عنصر و محتوای آن اضافه می کنند. جدول زیر تمام کلاسهای بالشتک موجود را نمایش می دهد.

کلاس های پدینگ

نام کلاس	اطلاعات کلاس
padding	پدینگ را در اطراف هر طرف اضافه می کند.
padding-vertical	پدینگ را به بالا و پایین اضافه می کند.
padding-horizontal	پدینگ را به چپ و راست اضافه می کند.
padding-top	پدینگ را به بالا اضافه می کند.
padding-right	پدینگ را به سمت راست اضافه می کند.
padding-bottom	پدینگ را به پایین اضافه می کند.
padding-left	پدینگ را به سمت چپ اضافه می کند.

استفاده از پدینگ

هنگامی که می خواهید روی عنصر خود برخی از پدینگ ها اعمال کنید ، فقط باید یکی از کلاس ها را از جدول بالا اختصاص دهید. مثال زیر دو دکمه بلوک را نشان می دهد. اولی از کلاس پدینگ استفاده می کند و دومی استفاده نمی کند. متوجه خواهید شد که اولین دکمه بزرگتر است ، زیرا از پدینگ 10 پیکسلی استفاده شده است.

&lt;div class = "button button-block padding"&gt;Padding&lt;/div&gt;
&lt;div class = "button button-block"&gt;No padding&lt;/div&gt;

1 2	<div class = "button button-block padding">Padding</div> <div class = "button button-block">No padding</div>

Ionic Padding

منبع.

لیست جلسات قبل آموزش برنامه نویسی آیونیک

امتیاز دهید post

نویسنده مطلب saber

آموزش پدینگ در برنامه نویسی آیونیک

آموزش پدینگ در برنامه نویسی آیونیک

کلاس های پدینگ

استفاده از پدینگ

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

بدون دیدگاه

آموزش پدینگ در برنامه نویسی آیونیک

کلاس های پدینگ

استفاده از پدینگ

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه