Unset CSS ключевое слово не работает при использовании сокращения
Я думал, что установка свойства, такого как:
padding-top: 25px;
было эквивалентно делать следующее (используя сокращение):
padding: 25px unset unset unset;
Тем не менее, это не так, потому что браузер дает мне другие результаты. Почему это? Просто из любопытства, как можно добиться установки padding-top: 25px, используя сокращение (только для удовольствия).
Спасибо.
1 ответ
Ключевое слово unset CSS сбрасывает свойство в его унаследованное значение, если оно наследует от своего родителя, и в его начальное значение, если нет. Другими словами, он ведет себя как ключевое слово наследования в первом случае и как начальное ключевое слово во втором случае. Он может быть применен к любому свойству CSS, включая сокращение CSS all.
Неустановленное ключевое слово CSS
Чтобы получить сокращенную запись для padding-top: 25px
в CSS это будет:
padding: 25px 0 0 0;
Если вы хотите установить только верхний отступ, то сокращение
padding-top: 25px;
было бы именно это, padding-top: 25px;
Частичного наследования для дополнения не существует. Сокращения - это что-то вроде "все или ничего".