belarusweb.net
© Петр Романовский Минск, 2016-2017.



belarusweb.net

Основы создания сайтов...

CSS >>>

4.1. Установка цвета

Мы уже неоднократно использовали наследуемое свойство color для установки цвета текста, при чем уже в процессе изучения языка гипертекстовой разметки HTML. Однако применение данного свойства влияет не только на сам текст, но и на цвет границ элемента в случае, если он не будет установлен явно. Поэтому, если нам нужен цвет границ отличный от цвета текста, необходимо задать его при помощи свойства border-color.

В качестве значений свойство color принимает цвет, который можно задать одним из допустимых способов, указав ключевое слово цвета, его шестнадцатеричное значение или же использовав синтаксис одной из цветовых моделей rgb, rgba, hsl или hsla. Кроме того, имеется специальное значение transparent, которое устанавливает прозрачный текст (см. пример 4.1). Также не забываем про универсальное значение inherit.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">	
	<title>Установка цвета текста</title>
	<style>
		.color_1{
		border: solid 2px;
		color: #995533;
		width: 300px;
		}
		.color_2{
		border: solid 2px green;
		color: rgba(40%,60%,90%,0.9);
		width: 300px;
		}
	</style>
</head>
<body>
	<p class="color_1">
		Цвет границы будет такой же, как
		у текста.
	</p>
	
	<p class="color_2">
		Цвет границы задали явно.
	</p>
</body>
</html>

Пример 4.1. Использование свойства color

Контрольные вопросы и задания

  1. Какое свойство используется в CSS для установки цвета текста? Может ли использование этого свойства повлиять на цвет границ элемента?

Словарь новых английских слов

transparent [tranˈspar(ə)nt] – прозрачный, просвечивающийся.
repeat [rɪˈpiːt] – повторять.
cover [ˈkʌvə] – покрывать, накрывать, прятать.
contain [kənˈteɪn] – вмещать, содержать.
fixed [fɪkst] – неподвижный, закрепленный.
scroll [skrəʊl] – прокрутить, прокрутка.
local [ˈləʊk(ə)l] – местный, локальный.
origin [ˈɒrɪdʒɪn] – источник, начало, исходная точка.
attachment [əˈtatʃm(ə)nt] – прикрепление, привязанность.
clip [klɪp] – урезать, обрезать.
linear [ˈlɪnɪə] – линейный.
radial [ˈreɪdɪəl] – радиальный, лучевой.
gradient [ˈɡreɪdɪənt] – градиент, уклон.
closest [ˈkləʊsɪst] – ограниченный, закрытый.
farthest [ˈfɑːðɪst] – самый удаленный.
side [saɪd] – стенка, сторона.
corner [ˈkɔːnə] – угол.
duration [djʊˈreɪʃ(ə)n] – продолжительность, длительность.
delay [dɪˈleɪ] – задержка, отсрочка.
iteration [ɪtəˈreɪʃ(ə)n] – повтор, итерация.
count [kaʊnt] – счет, подсчет, итог.
infinite [ˈɪnfɪnɪt] – бесконечный.
direction [dɪˈrɛkʃ(ə)n] – направление.
alternate [ɔːlˈtɜːnət] – чередоваться, колебаться.
reverse [rɪˈvəːs] – направленный в обратную сторону.
ease [iːz] – легкость, свобода.
step [step] – шаг.
end [end] – конец.
state [steɪt] – состояние, положение.
running [ˈrʌnɪŋ] – бегущий.
paused [pɔːzd] – поставленный на паузу.
backwards [ˈbakwədz] – назад, в обратном направлении.
forward [] – вперед, дальше.
both [bəʊθ] – оба.
property [ˈprɒpəti] – свойство.
transition [tranˈzɪʃ(ə)n] – переход.

Комментарии (0)
Петр Романовский
1. Приветствуются комментарии, которые содержат дополнения к материалу текущей страницы, а также ваши ответы на вопросы других пользователей.
2. Если вам что-то непонятно - спрашивайте, не забывая написать, что именно и с какого места.
Показаны все комментарии
Чтобы оставить свой комментарий, авторизуйтесь, пожалуйста!    
     
belarusweb.net © Петр Романовский, Минск, 2016-2017.
Связаться с автором
Наверх