Межсимвольный интервал в CSS
Мы с Вами изучали задание отступов, полей, выравнивание элементов, однако до сих пор, мы не разобрали каким образом можно задавать интервал между символами, иногда это просто необходимо, особенно если Вас об этом попросит заказчик при создании сайта, а Вы не будете знать, каким образом реализовать такой несложный момент. Не будем размышлять, а приступим к делу, и начнем с того, что для задания межсимвольного интервала используется CSS свойство letter-spacing. Единицы измерения данного свойства могут устанавливаться различные, начиная от пикселей и заканчивая процентами и т.д. Хотелось бы пояснить, что изначально браузер определяет межсимвольный интервал самостоятельно, исходя из того, какой шрифт будет задан пользователем. А теперь рассмотрим пример, в котором создадим абзац и зададим ему межсимвольный интервал.
<html>
<head>
<title>Свойство letter-spacing</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<p>Параграф с межсимвольным интервалом</p>
</body>
</html>
А вот теперь применяем изучаемое css свойство letter-spacing:
p {
letter-spacing: 10px;
}
После выполнения данного кода, на экране браузера у параграфа, между каждым символом будет присутствовать расстояние равное десяти пикселям. Как видите, ничего сложного в использовании данного свойства нет, и на этом, я считаю, нужно завершать сегодняшнюю тему, и желаю Вам успехов в ваших начинаниях!
