Глобальные ключевые слова
Для всех свойств CSS, помимо их стандартных значений, можно задать значения в виде ключевых слов:
Каждое из этих слов выполняет свою функцию, но всех их объединяет то, что любые заданные до этого значения конкретного свойства будут сброшены.
initial
Скопировать ссылку «initial» Скопировано
У каждого из свойств в CSS есть значение по умолчанию. Оно применяется ещё до того, как вы написали что-либо в вашем файле стилей.
Ключевое слово initial сбрасывает все указанные значения свойства для конкретного блока до этих самых значений по умолчанию.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium quis quos soluta officia quod ipsum, molestias tempore blanditiis, earum obcaecati quas nostrum sint explicabo maiores eos in? Unde, dignissimos veniam.
em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium quis quos soluta officia quod ipsum, molestias tempore blanditiis, earum obcaecati quas nostrum sint explicabo maiores eos in? span>Unde, dignissimos veniam.span>em>
span font-style: initial;>
span font-style: initial; >
В итоге конкретно для последнего предложения текста, завёрнутого в , будет действовать значение normal , и текст будет отображён в нормальном начертании.
Ключевое слово inherit прекрасно работает и для наследуемых свойств. Все указанные для селектора значения свойства сбрасываются, и наследуется то значение, которое задано родителю этого элемента.
unset
Скопировать ссылку «unset» Скопировано
Это ключевое слово ведёт себя по-разному с наследуемыми и ненаследуемыми свойствами:
- С наследуемыми свойствами ключевое слово unset ведёт себя как inherit .
- С ненаследуемыми свойствами оно ведёт себя как initial .
Ключевое слово unset очень удобно использовать в качестве значения свойства all . В этому случае оно само определит тип свойства и притворится нужным значением.
revert
Скопировать ссылку «revert» Скопировано
Это ключевое слово сбрасывает значение свойства до указанного в стилях браузера.
Например, если указать для свойство font — size со значением revert , то фактическим значением будет 2em — ровно такой размер устанавливает браузер для заголовка первого уровня.
CSS значения по умолчанию для HTML элементов
В таблице представлены все значения CSS стилей для HTML элементов, используемые браузерами по умолчанию.
Элемент | Значения CSS стилей по умолчанию |
---|---|
a:link | color: (внутреннее значение); text-decoration: underline; cursor: auto; |
a:visited | color: (внутреннее значение); text-decoration: underline; cursor: auto; |
a:link:active | color: (внутреннее значение); |
a:visited:active | color: (внутреннее значение); |
abbr | нет |
address | display: block; font-style: italic; |
area | display: none; |
article | display: block; |
aside | display: block; |
audio | нет |
b | font-weight: bold; |
base | нет |
bdi | нет |
bdo | unicode-bidi: bidi-override; |
blockquote | display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; |
body | display: block; margin: 8px; |
body:focus | outline: none; |
br | нет |
button | нет |
canvas | нет |
caption | display: table-caption; text-align: center; |
cite | font-style: italic; |
code | font-family: monospace; |
col | display: table-column; |
colgroup | display: table-column-group |
datalist | display: none; |
dd | display: block; margin-left: 40px; |
del | text-decoration: line-through; |
details | display: block; |
dfn | font-style: italic; |
dialog | нет |
div | display: block; |
dl | display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; |
dt | display: block; |
em | font-style: italic; |
embed:focus | outline: none; |
fieldset | display: block; margin-left: 2px; margin-right: 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em; border: 2px groove (внутреннее значение); |
figcaption | display: block; |
figure | display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; |
footer | display: block; |
form | display: block; margin-top: 0em; |
h1 | display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; |
h2 | display: block; font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold; |
h3 | display: block; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold; |
h4 | display: block; font-size: 1em; margin-top: 1.33em; margin-bottom: 1.33em; margin-left: 0; margin-right: 0; font-weight: bold; |
h5 | display: block; font-size: .83em; margin-top: 1.67em; margin-bottom: 1.67em; margin-left: 0; margin-right: 0; font-weight: bold; |
h6 | display: block; font-size: .67em; margin-top: 2.33em; margin-bottom: 2.33em; margin-left: 0; margin-right: 0; font-weight: bold; |
head | display: none; |
header | display: block; |
hr | display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px; |
html | display: block; |
html:focus | outline: none; |
i | font-style: italic; |
iframe:focus | outline: none; |
iframe[seamless] | display: block; |
img | display: inline-block; |
input | нет |
ins | text-decoration: underline; |
kbd | font-family: monospace; |
keygen | нет |
label | cursor: default; |
legend | display: block; padding-left: 2px; padding-right: 2px; border: none; |
li | display: list-item; |
link | display: none; |
main | нет |
map | display: inline; |
mark | background-color: yellow; color: black; |
menu | display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; |
menuitem | нет |
meta | нет |
meter | нет |
nav | display: block; |
noscript | нет |
object:focus | outline: none; |
ol | display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; |
optgroup | нет |
option | нет |
output | display: inline; |
p | display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; |
param | display: none; |
pre | display: block; font-family: monospace; white-space: pre; margin: 1em 0; |
progress | нет |
q | display: inline; |
q::before | content: open-quote; |
q::after | content: close-quote; |
rp | нет |
rt | line-height: normal; |
ruby | нет |
s | text-decoration: line-through; |
samp | font-family: monospace; |
script | display: none; |
section | display: block; |
select | нет |
small | font-size: smaller; |
source | нет |
span | нет |
strong | font-weight: bold; |
style | display: none; |
sub | vertical-align: sub; font-size: smaller; |
summary | display: block; |
sup | vertical-align: super; font-size: smaller; |
table | display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; |
tbody | display: table-row-group; vertical-align: middle; border-color: inherit; |
td | display: table-cell; vertical-align: inherit; |
textarea | нет |
tfoot | display: table-footer-group; vertical-align: middle; border-color: inherit; |
th | display: table-cell; vertical-align: inherit; font-weight: bold; text-align: center; |
thead | display: table-header-group; vertical-align: middle; border-color: inherit; |
time | нет |
title | display: none; |
tr | display: table-row; vertical-align: inherit; border-color: inherit; |
track | нет |
u | text-decoration: underline; |
ul | display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px; |
var | font-style: italic; |
video | нет |
wbr | нет |
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2023 © puzzleweb.ru