Is this valid in CSS?

Question

Is this line of code a valid way to set the margin? I mean is it ok to give this property a negative value?
/*
margin: -21.5px -10px 10px -10px;
*/

Answer 1

It's very okay to have negative margins, just as long as you're aware that negative margins could lead to elements overlapping

Answer 2

Yes!

Answer 3

Yeah

Answer 4

D'Lite Thanks.

Answer 5

If you're ever wondering about code validity, you can always run your code through a validation service. Here's an example:

https://jigsaw.w3.org/css-validator/validator.html.en#validate_by_input

You can write (almost) anything between /* and */, so you will want to take those off before running the code through the validator. In this case, since you have a standalone rule, you will also want to include it in a ruleset (so apply it to a class or id or other selector) for the sake of the validator.

I hope this helps. 🤷🏻‍♂️

Answer 6

Thanks everybody for answering.

Answer 7

No

Answer 8

PS Half pixels are valid in CSS.

https://stackoverflow.com/questions/9080633/can-a-css-pixel-be-a-fraction

How the browser chooses to render it varies.

Answer 9

Yes but it would not work till you remove /* */

Answer 10

Yeah. negative would make it go the opposite way. Like... if you have margin-top: 50px -> would move it down 50pixels.
if you put it negative: margin-top: -50px, it will make it go up 50pixels.
opposite of down (50) = up(-50).

Answer 11

No it's not, "21.5" isn't correct because you can't use "half a pixel".
But everything else is ok.

Answer 12

Yes

Answer 13

pathetic_millenial u can't use half pixel?
is that really = true?

Answer 14

Yes