Меню сайта |
|
|
Шпаргалка для себя и друзей. Буквица.
Как сделать буквицу?
Как сделать буквицу?
Буквицей называется увеличенная первая буква текста или абзаца, базовая линия которой ниже на одну или несколько строк базовой линии основного текста. Для создания этого приема подойдет псевдоэлемент first-letter, он определяет стиль первого символа блочного элемента.
<head>
<title>Буквица</title>
<style type="text/css">
p:first-letter {
font-size: 260%;
float: left;
color: blue;
padding: 3px;
margin-top: 3px;
}
</style>
</head>
Положение буквицы относительно текста можно регулировать параметрами padding и margin.
Чтобы буквица работала для каждого абзаца, следует воспользоваться селектором P, через двоеточие добавить first-letter, после чего описать нужный стиль буквы. В частности, указать ее размер и цвет. Изменение базовой линии можно осуществить с помощью атрибута float со значением left. Этот параметр выравнивает элемент по левому краю и заставляет обтекать текст справа.
|
|
|
|