ویژگی word-spacing CSS
- صفحه قبل word-break
- صفحه بعدی word-wrap
تعریف
ویژگی wordSpacing فضای بین کلمات (یعنی فضای بین حروف) را افزایش یا کاهش می‌دهد.
این ویژگی تعیین می‌کند که چقدر فاصله‌ای بین کلمات در عنصر قرار می‌گیرد. برای این ویژگی، "کلمه" به هر رشته‌ای از کاراکترهای محصور شده در یک کاراکتر فضایی تعریف می‌شود. اگر مقدار طول مشخص شود، فاصله معمولی بین کلمات تنظیم می‌شود؛ بنابراین، normal برابر با مقدار 0 است. مقدارهای طول منفی نیز قابل استفاده هستند که باعث نزدیک‌تر شدن کلمات به یکدیگر می‌شود.
نکته:مقدار منفی نیز قابل استفاده است.
لطفاً به:
آموزش CSS:CSS متن
دستورالعمل HTML DOM:ویژگی wordSpacing
مثال
این ویژگی راجع به این است که فاصله بین کلمات در پاراگراف 25 پیکسل باشد:
p
{
word-spacing:25px;
}
نکات و توضیحات
نکته:CSS کلمه "کلمه" را به هر رشته‌ای از کاراکترهای غیر فضایی تشکیل شده از کاراکترهای غیر فضایی و محصور شده در یک کاراکتر فضایی تعریف می‌کند. این تعریف هیچ معنایی ندارد و فقط فرض می‌کند که یک مستند شامل کلماتی است که توسط یک یا چند کاراکتر فضایی محصور شده‌اند. کاربران مستندهای پشتیبانی‌کننده CSS ممکن است نتوانند تعیین کنند که در یک زبان خاص کدام‌ها از کلمات قانونی هستند و کدام‌ها نیستند. با این حال، این تعریف به این معناست که زبان‌های نمادین یا نویسندگی غیررومایی معمولاً نمی‌توانند فضای بین کلمات را مشخص کنند.
توجه:با استفاده از این ویژگی، ممکن است مستندات با فضای بین کلمات بسیار زیاد ایجاد شوند، بنابراین هنگام استفاده از word-spacing باید احتیاط کرد.
جمله‌نویسی CSS
word-spacing: normal|length|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| معمولی | پیش‌فرض. تعریف فضای استاندارد بین کلمات. |
| length | تعریف فضای ثابت بین کلمات. |
| inherit | این ویژگی راجع به این است که باید مقدار word-spacing از عنصر والد به عنصر خود به ارث برسد. |
جزئیات فنی
| مقدار پیش‌فرض: | معمولی |
|---|---|
| ارث‌پذیری: | بله |
| نسخه: | CSS1 |
| جمله‌نویسی JavaScript: | object.style.wordSpacing="10px" |
مثال‌های بیشتر
- افزایش یا کاهش فضای بین کلمات (فاصله بین حروف)
- این مثال نشان می‌دهد که چگونه می‌توان فاصله بین کلمات در یک پاراگراف را افزایش داد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را کاملاً پشتیبانی می‌کنند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- صفحه قبل word-break
- صفحه بعدی word-wrap
