خصوصیت white-space
مثال (خصوصیت white-space)
در این مثال تنظیم شده است که متون داخل پاراگراف هرگز نشکند و به خط بعدی نرود:
{
white-space:nowrap;
}
تعریف و کاربرد
با استفاده از خصوصیت white-space می توان مشخص کرد که رفتن به سر خط (Enter) داخل یک عنصر چگونه مدیریت شوند.
مقدار پیشفرض | normal |
---|---|
ارث بری | بله |
نسخه | CSS1 |
JavaScript ساختار | object.style.whiteSpace="pre" |
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت white-space را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.
مقدارهای خصوصیت
مقدار | توضیحات | نمایش دادن |
---|---|---|
normal |
هر تعداد خط فاصله می تواند دنبال هم تکرار شوند. هنگامی که نیاز شد، متن به خط بعدی می رود. این مقدار پیش فرض است. |
نمایش دادن » |
nowrap |
هر تعداد خط فاصله می تواند دنبال هم تکرار و به صورت یک خط فاصله تجمیع شوند. در این حالت متن هیچگاه به خط بعدی نمی رود. برای رفتن به خط بعد باید از </ br> استفاده نمود. |
نمایش دادن » |
pre |
خطوط فاصله توسط مرورگر نگه داشته می شوند. متن تنها زمانی به خط بعدی می رود که با عملیات شکستن خط مانند تگ <pre> مواجه شود. |
نمایش دادن » |
pre-line |
هر تعداد خط فاصله می تواند دنبال هم تکرار شوند. هنگامی که نیاز شد متن به خط بعدی می رود. با استفاده از line break ها نیز متن به خط بعدی می رود. |
نمایش دادن » |
pre-wrap |
خطوط فاصله توسط مرورگر نگه داشته می شود. . هنگامی که نیاز شد متن به خط بعدی می رود. با استفاده از line break ها نیز متن به خط بعدی می رود. |
نمایش دادن » |
inherit | تعیین می کند که باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
Styling Text (بیاموز CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 13845