Skip to content

Short‐form Alternatives

Eric Martinez-Velazquez edited this page Apr 6, 2024 · 1 revision

Short-form properties

While it is already quicker to type out the property names using camelCase rather than hyphens, some of these property names are still too long, so I've also added short-form alternatives you can use instead.

As a general rule of thumb, any property names that have the following words have a short-form alternative:

  • background
  • image
  • bottom

List of current short-form alternatives

Short Name CSS Property
bg background
bgAttachment backgroundAttachment
bgBlend backgroundBlendMode
bgClip backgroundClip
bgColor backgroundColor
bgImage backgroundImage
bgOrigin backgroundOrigin
bgPosition backgroundPosition
bgRepeat backgroundRepeat
bgSize backgroundSize
borderBtm borderBottom
borderBtmColor borderBottomColor
borderBtmLeftRadius borderBottomLeftRadius
borderBtmRightRadius borderBottomRightRadius
borderBtmStyle borderBottomStyle
borderBtmWidth borderBottomWidth
borderImg borderImage
borderImgOutset borderImageOutset
borderImgRepeat borderImageRepeat
borderImgSlice borderImageSlice
borderImgSource borderImageSource
borderImgWidth borderImageWidth
btm bottom
listStyleImg listStyleImage
marginBtm marginBottom
paddingBtm paddingBottom
zindex zIndex

I removed the camelCasing from the zIndex because what's the point honestly

However, you are free to use these interchangeably and are not required to use the short-form alternatives; these are merely an option for you if you'd prefer to write a bit faster.