در این درس با صفت Padding اشنا خواهید شد:

این صفت فضای بین کادر عنصر و محتوا را تعیین میکند.با این صفت می توان حاشیه بالا ،پایین ، راست و چپ را تغییر داد.

padding=این صفت با تنهایی اندازه هر 4طرف را همزمان تعیین می کند و مقادیر زیر را می پذیرد

padding-top

padding-left

padding-right

padding-bottom

padding-top=اندازه بالا

padding-left=اندازه چپ

padding-right=اندازه راست

padding-bottom=پایین

مقدار هرکدام از صفات با لا میتواند یک عدد ثابت باشد یا بر حسب درصد.

مثال:

.border{word-spacing:30px;border:thin dotted #00ff00;}/*No Padding*/

.border2{word-spacing:30px;border:thin dotted #00ff00;margin:10px 2% -10px auto;padding:10px 10px 10px 10px}/*With Padding*/

مشا هده دمو