طراحی و اجرای شبکه های کامپیوتری در کرمانشاه و شهرستانهای تابعه
انجام پروژه های دانشجویی
آموزش های طراحی وب
آموزشهای شبکه
CSS Padding
خاصیت padding را فضای بین مرز عنصر و محتوای عنصر تعریف می کنیم یعنی فضای بین border و محتوای عنصر .در حقیقت ما با تعیین خاصیت padding برای یک عنصر میزان فضای خالی داخلی برای عنصر تعیین می کنیم یعنی اگر این مقدار را برابر 100 پیکسل قرار دهیم یعنی 100 پیکسل از تمام جهات از حاشیه عنصر به سمت داخل فضای خالی ایجاد کرده ایم .
Padding در css
خاصیت padding تحت تاثیر رنگ پس زمینه عنصر قرار میگیرد .
نکته : padding جزیی از عنصر است یعنی اگر عرض عنصری 100 پیکسل باشد و ما padding راست را برابر 10 پیکسل و padding چپ را برابر 10 پیکسل در نظر بگیریم ، فقط می توانیم از 80 پیکسل عنصر استفاده کنیم در آن متن تصویر یا هر چیزی را قرار دهیم .
خاصیت padding left ، ,padding top ,padding right,padding bottom را می توان به صورت خاصیت تک مقداری به صورت مجزا یا به صورت خاصیت مختصر نویسی مقدار داد.
مقادیر ممکن
Value |
Description |
length |
تعریف یک مقدار ثابت بر حسب (in pixels, pt, em, etc.) |
% |
توسط اين حالت به ميزان درصد تعيين شده ، از کل عرض عنصر را به عنوان فاصله درونی در نظر می گيريم . |
– Padding خاصیت تک مقداری
صورت خاصيت تک مقداری ، ميزان فاصله را در هر جهت به صورت مجزا تعيين کرد .
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
پیش نمایش
padding:25px 50px;
خاصیت padding میتواند یک تا چهار مقدار بگیرد .تمام خاصیت های padding در css
Property |
Description |
padding |
یک مجموعه خلاصه نویی شده برای تمام خواص padding |
padding-bottom |
حاشیه درونی پایینی یک عنصر |
padding-left |
حاشیه درونی سمت چپ یک عنصر |
padding-right |
حاشیه درونی سمت راست یک عنصر |
padding-top |
حاشیه درونی بالایی یک عنصر |
برچسب مطالب :
css چیست| قواعد نوشتاری زبان css | کلاس و id در css| چگونگی عملکرد css| تنظیم پس زمینه background در css | متن در css| فونت در css | لینک ها در css | لیستها در css | جداول در css| باکس Box Model در css | ویژگی css border | ویژگی css outline| ویژگی css margin | ویژگی css padding | گزینشگرهای گروهی در Css | خاصیت css dimension | خاصیت css display | خاصیت css position | خاصیت css floating | خاصیت css align | شبه کلاسها در css | شبه عناصر در css | نوار هدایت در css | گالری تصاویر در css| ایجاد تصاویر شفاف در css| خاصیت image sprites در css | انواع رسانه ها در css | انتخاب گرها در css| معرفی css3| حاشیه در css3| پس زمینه در css3| خاصیت css3 gradients| جلوه های متن در Css3| فونت در css3| تغییر شکل های 2 بعدی در css3| ترنسفرم های سه بعدی در css3 | خاصیت css3 transitions | انیمیشن در css3 | ستونهای چند گانه در css3 | رابط کاربری css3 |
قواعد نوشتاری زبان css
کلاس و id در css
چگونگی عملکرد css
تنظیم پس زمینه background در css
متن در css
فونت در css
لینک ها در css
لیستها در css
جداول در css
باکس Box Model در css
ویژگی css border
ویژگی css outline
ویژگی css margin
ویژگی css padding
گزینشگرهای گروهی در Css
خاصیت css dimension
خاصیت css display
خاصیت css position
خاصیت css floating
خاصیت css align
شبه کلاسها در css
شبه عناصر در css
نوار هدایت در css
گالری تصاویر در css
ایجاد تصاویر شفاف در css
خاصیت image sprites در css
انواع رسانه ها در css
انتخاب گرها در css
معرفی css3
حاشیه در css3
پس زمینه در css3
خاصیت css3 gradients
جلوه های متن در Css3
فونت در css3
تغییر شکل های 2 بعدی در css3
ترنسفرم های سه بعدی در css3
خاصیت css3 transitions
انیمیشن در css3
ستونهای چند گانه در css3
رابط کاربری css3