letter-spacing

С | Chrome | Opera | Safari | Firefox
7.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.6 | 10.0 | 10.0 | 3.1 | 4.0 | 5.0 | 3.0 | 3.6 | 4.0
Помилка | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так

Коротка інформація

CSS | CSS1, CSS2
Значення за умовчанням | normal
Наслідує | Так
Застосовується | До усіх елементів
Аналог HTML | Ні
Посилання на специфікацію | http://www.w 3.org/TR/CSS21/text.html#propdef - letter - spacing

Опис

Визначає інтервал між символами в межах елементу. Браузери зазвичай встановлюють відстань між символами, виходячи з типу і виду шрифту, його розмірів і налаштувань операційної системи. Щоб змінити це значення і застосовується ця властивість. Допустимо використовувати негативне значення, але в цьому випадку потрібно переконатися, що зберігається читабельність тексту.

Синтаксис

letter - spacing: значення | normal | inherit

Значення

Як значення приймаються будь-які одиниці довжини, прийняті в CSS, - наприклад, піксели (px), дюйми (in), пункти (pt) та ін. Найкращий результат дає використання відносних одиниць заснованих на розмірі шрифту (em і ex).

normal Задає інтервал між символами як завжди.

inherit Наслідує значення батька.

Приклад

HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

<title>letter - spacing</title>

<style type="text/css">

P {

letter - spacing: 5px;

}

</style>

</head>

<body>

<h1>Duis te feugifacilisi</h1>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem

nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit

lobortis nisl ut aliquip ex ea commodo consequat.</p>

</body>

</html>

Результат цього прикладу показаний ні мал. 1.

Мал. 1. Застосування властивості letter - spacing

Об'єктна модель

[window.]document.getElementById("elementID").style.letterSpacing

Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.