Руководство по CSS

Правила CSS @

Полный список свойств CSS

Функции CSS Полное руководство по селекторам CSS

Псевдоэлемент CSS :first-letter

Онлайн пример

Выбор стиля для первой буквы каждого элемента <p>:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Базовый учебник (oldtoolbag.com)</title>　
<style>
p:first-letter
{
　　　　font-size:200%;
　　　　color:#0000ff;
}
</style>
</head>
<body>
<h1>Добро пожаловать на мою домашнюю страницу</h1>
<p>Мое имя — Джек.</p>
<p>Я живу в Шанхае.</p>
<p>Мой лучший друг — Линда.</p>
</body>
</html>

Проверьте, ‹/›

Определение и использование

Выборка :first-letter используется для определения стиля первой буквы элемента.

Совет: Выборка :first-letter может использовать следующие свойства:　

свойства шрифта
свойства цвета　
свойства фона
свойства поля
свойства отступа
свойства границ
text-decoration
vertical-align (только если float 'none')
text-transform
line-height
float
clear

Внимание: Выборка "first-letter" применима только к блочным элементам.

Совместимость с браузерами

Числа в таблице показывают первую версию браузера, поддерживающую этот атрибут.

Выборка
::first-letter	1.0	9.0 Часть от 5.5	1.0	1.0	7.0 Часть от 5.5

Внимание: IE 5.5-8 и Opera 4-6 поддерживают старые стандарты синтаксиса, одинаковый двоеточие CSS2 (first-letter). Новые версии поддерживают стандарты, двойное двоеточие CSS3 (::letter).

См. также

CSS учебник: 伪元素 в CSS

Полное руководство по CSS-селекторам

Функции CSS Полное руководство по селекторам CSS