CSS3 Padding top and bottom for Chrome only

Problem

I have been searching the web for a chrome only solution. I need to modify something in a stylesheet in Chrome only, but I cannot seem to find what I'm looking for online nor on stackoverflow. Chrome has the following for padding left and right

-webkit-padding-start

-webkit-padding-end

But, is there anything for top AND bottom? OR, am I out of luck?

Problem courtesy of: Kung Fu Front Ender

Solution

Use -webkit-padding-before for top padding, -webkit-padding-after for bottom padding.

jsFiddle example

(Top) - -webkit-padding-before

(Right - -webkit-padding-end

(Bottom) - -webkit-padding-after

(Left) - -webkit-padding-start

enter image description here

Solution courtesy of: Josh Crozier

Discussion

This hack looks like it may do the trick.

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* rules only apply in saf3+, chrome1+ */
}
Discussion courtesy of: Wayne

This recipe can be found in it's original form on Stack Over Flow.