Home/ Questions/Q 834153
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T04:37:57+00:00

is this right to use px and % both for one element like .box{

  • 0

is this right to use “px” and “%” both for one element like 

.box{
padding:10px 2% 0 3%;
}

is this right to use in css.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As stated in the CSS 2.1 specification for padding (emphasis mine)

    The ‘padding’ property is a shorthand property for setting ‘padding-top’, ‘padding-right’, ‘padding-bottom’, and ‘padding-left’ at the same place in the style sheet.

    If there is only one value, it applies to all sides. If there are two values, the top and bottom paddings are set to the first value and the right and left paddings are set to the second. If there are three values, the top is set to the first value, the left and right are set to the second, and the bottom is set to the third. If there are four values, they apply to the top, right, bottom, and left, respectively.

    So padding: 10px 2% 0 3%; is equivalent to 

    padding-top: 10px;
padding-right: 2%;
padding-bottom: 0;
padding-left: 3%;

    This is perfectly valid CSS.

    Have fun!

    • 0