Набор авторов в комманду!!!




Пожертвовать на развитие сайта. Пожертвовать

Свойства текста в CSS3

Главная » Справочники » Справочник css3 » Свойства текста в CSS3

C

counter-increment (Востребовано)
CSS3 свойство counter-increment указывает приращение счетчика
/* синтаксис
counter-increment: none | inherit | идентификатор | целое число */

h2:before { /* Добавляет перед заголовком № главы */
	content: "Глава:" counter(chapter);
	counter-increment: chapter 1;
}

li:before { /* Запрещает увеличение счетчика для текущего селектора */
	counter-increment: none;
}

li:before { /* Наследует значение родителя */
	counter-increment: inherit;
}

counter-reset (Востребовано)
CSS3 свойство counter-reset устанавлвает счетчик
/* синтаксис
counter-reset: none | inherit | идентификатор | целое число */

OL { /* Инициируем счетчик */
	counter-reset: list1; 
} 

OL { /* Запрещает инициацию счетчика для текущего селектора */
	counter-reset: none; 
} 

OL { /* Наследует значение родителя */
	counter-reset: inherit; 
}

L

list-style (Востребовано)
CSS3 свойство list-style указывает стиль списка
/* синтаксис
list-style: list-style-type || list-style-position || list-style-image | inherit */

ul { /* квадратные маркеры за пределами текстового блока */
	list-style: square outside;
}

ul { /* круглые маркеры внутри текстового блока */
	list-style: disc inside none;
}

ul { /* наследует значение родителя */
	list-style: inherit;
}
	
list-style-image (Востребовано)
CSS3 свойство list-style-image указывает изображение для списка
/* синтаксис
list-style-image: none | url('путь к файлу') | inherit */

ul { /* путь к графическому файлу */
	list-style-image: url(images/book.gif);
}

ul { /* изображение не установлено */
	list-style-image: none;
}

ul { /* наследует значение от родителя */
	list-style-image: inherit;
}
list-style-position (Востребовано)
CSS3 свойство list-style-position указывает позиционирование списка
/* синтаксис
list-style-position: inside | outside */

ul { /* маркеры обтекаются текстом */
	list-style-position: inside; 
}

ul { /* маркеры размещаются за пределами текстового блока */
	list-style-position: outside; 
}
list-style-type (Востребовано)
CSS3 свойство list-style-type указывает тип списка
/* синтаксис
list-style-type: circle | disc | square | armenian | decimal | 
decimal-leading-zero | georgian | lower-alpha | lower-greek | lower-latin | 
lower-roman | upper-alpha | upper-latin | upper-roman | none | inherit */

ul { /* греческий алфавит строчный (α, β, γ, ...) */
	list-style-type: lower-greek;
}

ul { /* отобразить без маркера */
	list-style-type: none;
}

ul { /* наследует значение от родителя */
	list-style-type: inherit;
}