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;

Частичного наследования для дополнения не существует. Сокращения - это что-то вроде "все или ничего".

Другие вопросы по тегам