ویژگی whiteSpace استایل
- صفحه قبلی 可视性
- صفحه بعدی عرض
- بازگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
whiteSpace تنظیم یا بازگشتی از نحوه‌ی پردازش tabs، کاراکترهای خط بعدی و فضاهای خالی در متن.
لطفاً به
آموزش CSS:متن CSS
دستورالعمل‌های CSS:ویژگی white-space
مثال
مثال 1
متن در عناصر <div> هرگز به خط بعدی نمی‌پردازد:
document.getElementById("myDIV").style.whiteSpace = "nowrap";
مثال 2
بازگشتی از ویژگی whiteSpace:
alert(document.getElementById("myDiv").style.whiteSpace);
نحوه‌ی نوشتن
بازگشتی از ویژگی whiteSpace:
object.style.whiteSpace
تنظیم ویژگی whiteSpace:
object.style.whiteSpace = "normal|nowrap|pre|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| normal |
زنجیره‌های فضای خالی به یک فضای خالی یکپارچه تبدیل می‌شوند. متن در صورت نیاز به خط بعدی می‌پردازد. پیش‌فرض. |
| nowrap |
زنجیره‌های فضای خالی به یک فضای خالی یکپارچه تبدیل می‌شوند. متن هرگز به خط بعدی نمی‌پردازد. متن در یک خط ادامه می‌یابد تا زمانی که به تگ <br> برسد. |
| pre |
فضاهای خالی توسط مرورگر نگه داشته می‌شوند. متن فقط در نقطه‌ای که کاراکتر خط بعدی وجود دارد، به خط بعدی می‌پردازد. مشابه تگ <pre> در HTML. |
| pre-line |
زنجیره‌های فضای خالی به یک فضای خالی یکپارچه تبدیل می‌شوند. متن در صورت نیاز به خط بعدی می‌پردازد و در نقطه‌ای که کاراکتر خط بعدی وجود دارد، به خط بعدی می‌پردازد. |
| pre-wrap |
فضاهای خالی توسط مرورگر نگه داشته می‌شوند. متن در صورت نیاز به خط بعدی می‌پردازد و در نقطه‌ای که کاراکتر خط بعدی وجود دارد، به خط بعدی می‌پردازد. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی از ویژگی پدر عناصر خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | normal |
|---|---|
| مقدار بازگشتی: | رشته‌ای که چگونگی پردازش فضاهای خالی در داخل عناصر را نشان می‌دهد. |
| نسخه CSS: | CSS1 |
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی 可视性
- صفحه بعدی عرض
- بازگشت به لایه بالاتر اجزای Style HTML DOM
