http://indonesiarx.com/
رشت، خیابان مطهری ، ساختمان پارس ،طبقه چهارم ، واحد 11

  telegram

01333335026تماس با گیلان وب

Goftino



صفت Padding در Css

1 1 1 1 1 1 1 1 1 1 میانگین امتیاز 0.00 (0 رای)

صفت Padding چیست ؟
این صفت فضای بین کادرعنصر و محتوا را تعیین می کند .یک صفت تند نویس می باشد یعنی نیازی نیست حتما طرفین را با نوشتن به طور مثال padding-top مشخص کنید فقط کافیست همانند صفت margin اعداد خود را وارد کنید .

 

چند مثال میزنم تا بیشتر با این خاصیت آشنا بشوید .
lenght : اندازه حاشیه با یک مقدار ثابت تعیین می گردد.
% : اندازه حاشیه با درصدی از اندازه قالب تعیین می گردد.


اگر نخواهید از صفت تند نویس padding استفاده کنید می توانید دقیق مشخص نمایید که فاصله از چه طرفی اعمال شود به عنوان مثال فرض کنید می خواهید پاراگراف اول 20پیکسل از پاراگراف پایین یا دوم فاصله داشته باشد .
به این مثال توجه کنید هر 4 حالت را توضیح داده ام
از ویژگی float برای تعیین قرارگیری متن استفاده کرده ام .
.pic1
{
padding-bottom:50px;
}
.pic2
{
padding-left:50%;
float : left ;
}
.pic3
{
padding-right : 100px ;
}
.pic4
{
padding-top : 200px;
}
.left
{
float : left ;
}

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

padding:25px 50px 75px 100px;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is100px

padding : 25px 50px 75px;
top padding is 25px
right and left padding are 50px
bottom padding is 75px

padding : 25px 50px;
top and bottom padding are 25px
right and left padding are 50px

padding : 25px;
all four padding are 25px

 

مجوزات

گیلان وب مشاوره،طراحی و برنامه نویسی وب سایت های حرفه ای در رشت و استان گیلان

خدمات گیلان وب

  • طراحی سایت
  • طراحی لوگو
  • هاست و دامنه
  • سئو و بهینه سازی
  • طراحی رسپانسیو
طراحی سایت در تبریز

جشنواره ها

تماس با ما

آدرس :رشت ، خیابان مطهری ، ساختمان پارس ، طبقه چهارم ، واحد 11 (نمایش روی نقشه)

تلفن :01333335026
موبایل:09118250852

ایمیل:info@gilanweb.ir