Можно ли опустить % после 0 в CSS?

Question

[artdeco]

Когда пишешь width: 0% например, это тоже самое, что и width: 0? Бывают ли какие-то исключения?

Comments

[Владислав Лысков]

Не можно, а нужно, нормальные ide даже это подсказывают

[Ankhena]

Более того и 0px и 0vh и все остальные нули дадут тот же результат - ноль. Поэтому, у нулей не принято писать единицы измерения.

Answer 1

[Aetae]

Не всегда, в некоторых случаях 0% != 0, например для flex-basis. :)

Comments

[artdeco]

когда еще? мне получается надо ща мдн спарсить на все возможные свойства, и посмотреть их возможные значения, чтобы избежать таких казисов?

еще на стеке пишут

border: 0 will set border-width: 0 while border: none will set border-style: none

знает же кто-то

[Aetae]

Вот тут не подскажу. Обо что сам голову разбил - то знаю, а что пока только ждёт за углом - то неведомо.:)

[imko]

artdeco, в функциях вроде тоже имеет разницу, clamp какой нибудь

[Сергей delphinpro]

Aetae,

а что пока только ждёт за углом - то неведомо.:)

не совсем так. в молодости я любил искать причины и следствия в спецификациях. Там всё описано, в том числе "неведомое".
Однако читать спеки - то еще удовольствие..

[Сергей delphinpro]

artdeco,

мне получается надо ща мдн спарсить на все возможные свойства, и посмотреть их возможные значения, чтобы избежать таких казисов?

либо так, либо набираться опыта. со временем вы будете точно знать где нужно указать ед. изм. для нуля, а где не обязательно.

А вообще, возьмите IDE типа WebStorm, и она сама вам подскажет, где вы поставили лишнее, или забыли нужное.

[Aetae]

Сергей delphinpro, кстати врядли в спеке явно описано это поведение.:)
Суть то тут в том, что 0% считается от родителя, но у родителя величина не задана, потому он не знает как считать процент и сбрасывает на значение по умолчанию - auto,
Т.е. в спеке написано что-то типа "при неизвестном значении принимает auto", но сходу ты такое всё равно не предскажешь.

[artdeco]

Aetae, 0% у margin и vertical padding будут считаться от ширины родителя поэтому неважно задана ли величина, насколько я понял

[Сергей delphinpro]

Aetae, ну вообще у вас описан/показан довольно специфичный случай
тут реально нужно изучить спеку. возможно имеет место быть баг.

Answer 2

[Сергей delphinpro]

в keyframes нужно указывать единицу измерения (процент)

@keyframes identifier {
  0% {
    top: 0;
    left: 0;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}