Ключевое слово Unset CSS не работает при использовании сокращения

Я думал, что установка такого свойства, как:

padding-top: 25px;

было эквивалентно следующему (используя стенографию):

padding: 25px unset  unset  unset;

Однако это не так, поскольку браузер дает мне другие результаты. Почему это? Просто из любопытства, как можно установить padding-top: 25px с помощью сокращения заполнения (просто для удовольствия).

Спасибо.


css shorthand
person T555    schedule 13.06.2018    source источник
comment
Вы проверяли какие-либо переопределения?   -  person m4n0    schedule 13.06.2018
comment
зачем усложнять... unset=0   -  person Temani Afif    schedule 13.06.2018
comment
Если все, что вы хотите сделать, это установить padding-top, не используйте сокращение. Вы не можете установить это, не затрагивая другие.   -  person jhpratt    schedule 13.06.2018
comment
@ T555 - Почему нельзя частично наследовать заполнение CSS с помощью сокращенной записи ? — это должно помочь в понимании наследования CSS.   -  person thatguy    schedule 13.06.2018

Ответы (1)


arrow_upward
1
arrow_downward

Ключевое слово unset CSS сбрасывает свойство к его унаследованному значению, если оно наследуется от своего родителя, и к его начальному значению, если нет. Другими словами, оно ведет себя как ключевое слово inherit в первом случае и как исходное ключевое слово во втором случае. Его можно применить к любому свойству CSS, включая сокращение CSS all.

Неустановленное ключевое слово CSS

Чтобы получить сокращенную нотацию для padding-top: 25px в CSS, это будет:

  padding: 25px 0 0 0;

Если вы хотите установить только верхний отступ, тогда сокращение для

padding-top: 25px;

было бы именно так, padding-top: 25px;

Не существует частичного наследования для сокращения заполнения. Сокращение — это своего рода «все или ничего».

person thatguy    schedule 13.06.2018
comment
Большая часть этого ответа скопирована отсюда: developer.mozilla.org/en -US/docs/Web/CSS/unset - person mfluehr; 13.06.2018
comment
Это также не сокращение от padding-top, потому что оно перезаписывает padding-bottom, padding-left, padding-right и помещает его в 0. - person Mathias Rechtzigel; 13.06.2018
comment
@mfluehr Весь первый абзац скопирован с этого сайта. Был в процессе добавления ссылки. - person thatguy; 13.06.2018
comment
@thatguy Спасибо, я вижу, вы указали свой источник. - person mfluehr; 13.06.2018
comment
@MathiasRechtzigel, это правда, а также то, чего, как я думал, пытался достичь T555. При этом в CSS нет частичного наследования с использованием сокращенной записи, поэтому, если вы собираетесь использовать сокращенную запись, тогда все или ничего. - person thatguy; 13.06.2018