Что означают полупрозрачные свойства CSS в Google Chrome Dev Tools? - PullRequest
5 голосов
/ 10 ноября 2011

Пожалуйста, смотрите следующее изображение:

enter image description here

Почему padding-top и margin-top полностью непрозрачны, а padding-right и т. Д. Нет?

1 Ответ

4 голосов
/ 10 ноября 2011

Я считаю, что они полупрозрачны, потому что они не определены явно.

Прилагается следующий лист:

selector1 {
    margin: 20px;
}

selector2 {
    margin: 20px;
    margin-top: 10px;
}

selector3 {
    margin: 10px 20px 30px;
}

В первом примере (selector1) все свойства margin-* будут полупрозрачными, поскольку не определено явно - используется ярлык.

Во втором примере (selector2) только margin-top будет полностью непрозрачным, как это определено в его собственном свойстве.

В последнем примере (selector3), margin-top и margin-bottom определены явно, поэтому они будут полностью непрозрачными. Однако margin-left и margin-right определяются одним значением, поэтому они будут полупрозрачными.


Полупрозрачный цвет также применяется к значениям по умолчанию, например:

background: red url(...) no-repeat;

Это свойство определено background-color, background-image и background-repeat явно, однако background-position, background-clip, background-size и т. Д. Не определены (используются значения по умолчанию), поэтому они будут рассматриваться как полу прозрачный.

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