Short‐form Alternatives
Eric Martinez-Velazquez edited this page Apr 6, 2024
·
1 revision
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
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.