CSS Default Values Reference
مقادیر پیش‌فرض (Default Values) برای ویژگی‌های پرکاربرد CSS رو برات آوردم — یعنی مقدار پیش‌فرضی که مرورگر برای هر خاصیت در نظر می‌گیرد اگر در CSS تعیین نشده باشد.
🎨 CSS Default Values Reference
🧱 Layout & Display
| ویژگی | مقدار پیش‌فرض | توضیح |
|---|---|---|
display |
inline |
بیشتر تگ‌ها مثل <span> و <a> به صورت inline هستند |
position |
static |
بدون موقعیت‌دهی خاص |
top / right / bottom / left |
auto |
فقط در حالت position-relative/absolute/fixed معنی دارد |
z-index |
auto |
ترتیب پیش‌فرض لایه‌ها |
float |
none |
هیچ شناوری اعمال نمی‌شود |
clear |
none |
هیچ المانی پاکسازی نمی‌شود |
overflow |
visible |
محتوا از محدوده عنصر بیرون می‌زند |
box-sizing |
content-box |
padding و border در محاسبه width و height لحاظ نمی‌شوند |
🧍 Spacing
| ویژگی | مقدار پیش‌فرض | توضیح |
|---|---|---|
margin |
0 |
بدون فاصله بیرونی |
padding |
0 |
بدون فاصله داخلی |
border |
none |
هیچ خط مرزی ندارد |
outline |
none |
هیچ outline پیش‌فرضی ندارد (غیر از focus حالت مرورگر) |
🖋 Typography
| ویژگی | مقدار پیش‌فرض | توضیح |
|---|---|---|
font-family |
depends on browser |
معمولاً Times New Roman یا sans-serif |
font-size |
medium |
معمولاً حدود 16px |
font-style |
normal |
بدون italic |
font-weight |
normal (400) |
وزن معمول |
line-height |
normal |
معمولاً 1.2 تا 1.4 برابر font-size |
letter-spacing |
normal |
فاصله عادی بین حروف |
word-spacing |
normal |
فاصله معمول بین کلمات |
text-align |
start (یا left) |
تراز به چپ (در زبان‌های LTR) |
text-decoration |
none |
بدون underline یا overline |
text-transform |
none |
بدون تغییر در حروف |
white-space |
normal |
فاصله‌ها فشرده می‌شوند و خط جدید قابل شکستن است |
color |
depends on browser |
معمولاً سیاه (#000) |
🌈 Background & Borders
| ویژگی | مقدار پیش‌فرض | توضیح |
|---|---|---|
background-color |
transparent |
بدون رنگ زمینه |
background-image |
none |
بدون تصویر زمینه |
background-repeat |
repeat |
تصویر پس‌زمینه تکرار می‌شود |
background-position |
0% 0% |
در بالا-چپ قرار می‌گیرد |
background-size |
auto |
اندازه طبیعی تصویر |
border-style |
none |
بدون خط حاشیه |
border-width |
medium |
عرض متوسط در صورت وجود border |
border-color |
currentcolor |
از رنگ متن عنصر پیروی می‌کند |
🔧 Sizing
| ویژگی | مقدار پیش‌فرض | توضیح |
|---|---|---|
width |
auto |
بر اساس محتوای عنصر تعیین می‌شود |
height |
auto |
متناسب با محتوای داخلی |
min-width |
0 |
حداقل عرض ندارد |
min-height |
0 |
حداقل ارتفاع ندارد |
max-width |
none |
بدون محدودیت عرض |
max-height |
none |
بدون محدودیت ارتفاع |
🎞 Animation & Transition
| ویژگی | مقدار پیش‌فرض | توضیح |
|---|---|---|
animation-name |
none |
بدون انیمیشن |
animation-duration |
0s |
هیچ زمان اجرا ندارد |
animation-timing-function |
ease |
حرکت نرم پیش‌فرض |
animation-delay |
0s |
بدون تأخیر |
animation-iteration-count |
1 |
یکبار اجرا می‌شود |
animation-direction |
normal |
پخش عادی |
transition-property |
all |
همه ویژگی‌ها |
transition-duration |
0s |
بدون انیمیشن پیش‌فرض |
transition-timing-function |
ease |
منحنی ease |
transition-delay |
0s |
بدون تأخیر |
🧩 Miscellaneous
| ویژگی | مقدار پیش‌فرض | توضیح |
|---|---|---|
cursor |
auto |
بر اساس نوع عنصر |
visibility |
visible |
قابل مشاهده است |
opacity |
1 |
کاملاً شفاف نیست |
content |
normal |
برای pseudo-elements در صورت نبود مقدار مشخص، چیزی نشان نمی‌دهد |
clip-path |
none |
بدون برش |
filter |
none |
بدون فیلتر تصویری |
دیدگاهتان را بنویسید