Is there a way to specify "initial" values ​​in css abbreviations, for example, padding?

Question

Say I have a complex style sheet with lots of interacting styles, etc.

For a specific class, I want to override padding-top and padding-bottom without changing the values ​​of padding-left and padding-right (which may be different for different elements that get the class I specify).

Is there a way to do this with a reduction, something like

.special {
    padding: 10px initial 5px;
}

which leaves the previous values, or should I write my css as follows:

.special {
    padding-top: 10px;
    padding-bottom: 5px;
}

Thank.

Answer 1

No, you cannot use something like "initial", you must use padding-topand padding-bottom.

Answer 2

, , , inherit :

.special {padding: 10px inherit 5px inherit; }

.special, .

---

:

inherit , ( "CSS: The Definitive Guide": values: [|] {1,4} | inherit. @Lekensteyn

, long-hand.

Answer 3

, . .

Answer 4

, , , :

.special {padding:10px 5px 10px 5px;}

Answer 5

Not without using one of the css frameworks that arose as Less: http://lesscss.org/