فاصله‌گذاری متن

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Css-menu.jpg
موارد آموزشی
۱خانه
۲مقدمه
۳شیوهٔ نوشتار
۴انتخابگرها
۵اضافه‌کردن CSS
۶نظرات
۷رنگ‌ها
۸پس‌زمینه‌ها
۹کادرها
۱۰حاشیه‌ها
۱۱Padding
۱۲ارتفاع/عرض
۱۳Box Model
۱۴Outline
۱۵متن
۱۶قلم‌ها
۱۷آیکن‌ها
۱۸لینک‌ها
۱۹لیست‌ها
۲۰جداول
۲۱ویژگی Display
۲۲ویژگی Max-Width
۲۳ویژگی Position
۲۴ویژگی Overflow
۲۵ویژگی Float
۲۶مقدار Inline-block
۲۷ترازکردن
۲۸ترکیب کننده‌ها
۲۹شبه کلاس
۳۰شبه عنصر
۳۱ویژگی Opacity
۳۲نوار Navigation
۳۳منو آبشاری
۳۴گالری تصویر
۳۵Image Sprites
۳۶انتخاب‌گرهای خاصیت
۳۷فرم‌ها
۳۸شمارنده‌ها
۳۹چیدمان وب‌سایت
۴۰واحدها
۴۱اولویت‌بندی
CSS پیشرفته
واکنش‌گرایی
Grid در CSS
مثال‌ها
مرجع‌ها

تورفتگی (به انگلیسی: Indentation) متن

ویژگی text-indent برای مشخص کردن تورفتگی خط اول یک متن استفاده می‌شوند:[۱]

مثال
p {
  text-indent: 50px;
}


فاصله بین حروف

از ویژگی letter-spacing برای مشخص کردن فضای خالی بین کاراکترها در یک متن استفاده می‌شود.

مثال زیرنحوه افزایش یا کاهش فضای بین کاراکترها را نمایش می‌دهد:

مثال
1 h1 {
2   letter-spacing: 3px;
3 }
4 
5 h2 {
6   letter-spacing: -3px;
7 }


ارتفاع خط

ویژگی line-heightبرای مشخص کردن فضای بین خطوط استفاده می‌شود:

مثال
1 p.small {
2   line-height: 0.8;
3 }
4 
5 p.big {
6   line-height: 1.8;
7 }


فضای خالی بین کلمات

ویژگی word-spacing برای مشخص کردن فضای خالی بین کلمات در متن استفاده می‌شود.

مثال بعدی نحوه افزایش یا کاهش فضای بین کلمات را نمایش می‌دهد:

مثال
1 h1 {
2   word-spacing: 10px;
3 }
4 
5 h2 {
6   word-spacing: -5px;
7 }


فضای خالی

ویژگی white-sapce مشخص می‌کند که فضای خالی داخل یک عنصر چگونه مدیریت شود:

این مثال نحوه حذف پوشش متن (text-wrapping) در داخل یک عنصر را نشان می دهد:

مثال
p {
  white-space: nowrap;
}



منابع آموزشی