word-spacing xususiyati

word-spacing xususiyati so‘zlar orasidagi intervalni o‘rnatadi. Xususiyat qiymati sifatida foizlardan tashqari o‘lchov birliklari ishlatiladi. Manfiy qiymat qabul qilinadi. normal qiymati brauzerga so‘zlar orasidagi intervalni o‘zi hisoblash imkoniyatini beradi (standart qiymat).

Agar matn uchun text-align xususiyati orqali justify qiymati o‘rnatilgan bo‘lsa, so‘zlar orasidagi interval avtomatik ravishda o‘rnatiladi, lekin word-spacing orqali ko‘rsatilgan qiymatdan kichik bo‘lmaydi.

Sintaksis

cssselector {
  word-spacing: qiymat;
}

Misol

Keling, so‘zlar orasidagi masofani 30px ga o‘rnatamiz:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: 30px;
  text-align: left;
}

Результат:

Misol

word-spacing ni manfiy qiymatga o‘rnatamiz - so‘zlar orasidagi masofa deyarli yo‘qoladi:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: -7px;
}

Результат:

Misol

Ushbu xususiyatni nolga o‘rnatish so‘zlarning birlashishiga olib kelmaydi:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: 0;
}

Результат:

Misol

word-spacing ni normal qiymatiga o‘rnatamiz (bu standart qiymat):

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: normal;
}

Результат: