Properties List of MOD CSS

Find quickly your css properties with the search box !

props code
Properties codename attribute value(s)
animation  an :box name duration timing-function delay iteration-count direction fill-mode play-state
animation-delay  an.de :box time | initial | inherit
animation-direction  an.di :box normal | reverse | alternate | alternate-reverse | initial | inherit
animation-duration  an.du :box time | initial | inherit
animation-fill-mode  an.fm :box none | forwards | backwards | both | initial | inherit
animation-iteration-count  an.ic :box number | infinite | initial | inherit
animation-name  an.nm :box keyframename | none | initial | inherit
animation-play-state  an.ps :box paused | running | initial | inherit
animation-timing-function  an.tf :box linear | ease | ease-in | ease-out | ease-in-out | step-start | step-end | steps(int,start | end) | cubic-bezier(n,n,n,n) | initial | inherit
transition  trn :box property duration timing-function delay | initial | inherit
transition-delay  trn.de :box time | initial | inherit
transition-duration  trn.du :box time | initial | inherit
transition-property  trn.pr :box none | all | property | initial | inherit
transition-timing-function  trn.tf :box linear | ease | ease-in | ease-out | ease-in-out | step-start | step-end | steps(int,start | end) | cubic-bezier(n,n,n,n) | initial | inherit
transform  trf :box none | transform-functions | initial | inherit
transform-origin  trf.or :box x-axis y-axis z-axis | initial | inherit
transform-style  trf.st :box flat | preserve-3d | initial | inherit
transform-box trf.bx :box x
filter filter :box none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url()
mix-blend-mode mbm :box
background bg :box bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial | inherit
background-attachment bg.at :box scroll | fixed | local | initial | inherit
background-clip  bg.cl :box border-box | padding-box | content-box | initial | inherit
background-color bg.co :box var() | color | transparent | initial | inherit
background-image bg.im :box url | none | initial | inherit
background-origin  bg.or :box padding-box | border-box | content-box | initial | inherit
background-position bg.po :box value
background-repeat bg.re :box repeat | repeat-x | repeat-y | no-repeat | initial | inherit
background-size  bg.sz :box auto | length [unit : %, px, em, rem, vh, vw ...] | cover | contain | initial | inherit
background-blend-mode bg.bm :box var() | normal | multiply | screen | overlay | darken | lighten | color-dodge | saturation | color | luminosity
background-position-x bg.px :box x
background-position-y bg.py :box x
border bd :box border-width border-style border-color | initial | inherit
border-bottom bd.bt :box border-width border-style border-color | initial | inherit
border-bottom-color bd.bc :box var() | color | transparent | initial | inherit
border-bottom-left-radius  br.blf :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
border-bottom-right-radius  br.brg :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
border-bottom-style bd.bs :box none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
border-bottom-width bd.bw :box medium | thin | thick | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
border-color bd.co :box var() | color | transparent | initial | inherit
border-image  bd.im :box source slice width outset repeat | initial | inherit
border-image-outset  bd.io :box length [unit : %, px, em, rem, vh, vw ...] | number | initial | inherit
border-image-repeat  bd.ir :box stretch | repeat | round | space | initial | inherit
border-image-slice  bd.is :box number | % | fill | initial | inherit
border-image-source  bd.isr :box none | image | initial | inherit
border-image-width  bd.iw :box number | % | auto | initial | inherit
border-left bd.lf :box border-width border-style border-color | initial | inherit
border-left-color bd.lc :box var() | color | transparent | initial | inherit
border-left-style bd.ls :box var() | color | transparent | initial | inherit
border-left-width bd.lw :box medium | thin | thick | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
border-radius  br :box 1-4 length [unit : %, px, em, rem, vh, vw ...] | % / 1-4 length [unit : %, px, em, rem, vh, vw ...] | % | initial | inherit
border-right bd.rg :box border-width border-style border-color | initial | inherit
border-right-color bd.rc :box color | transparent | initial | inheri
border-right-style bd.rs :box none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
border-right-width bd.rw :box medium | thin | thick | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
border-style bd.st :box none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
border-top bd.tp :box border-width border-style border-color | initial | inherit
border-top-color bd.tc :box var() | color | transparent | initial | inherit
border-top-left-radius  br.tlf :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
border-top-right-radius  br.trg :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
border-top-style bd.ts :box none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
border-top-width bd.tw :box medium | thin | thick | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
border-width bd.wd :box medium | thin | thick | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
opacity  op :box number | initial | inherit
user-select uss :box auto | none | text | all
outline out :box outline-width outline-style outline-color | initial | inherit
outline-color ot.c :box invert | color | initial | inherit
outline-offset  ot.o :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
outline-style ot.s :box none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
outline-width ot.w :box medium | thin | thick | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
overflow ovf :box visible | hidden | clip | scroll | auto | initial | inherit
overflow-x  ovf.x :box visible | hidden | scroll | auto | initial | inherit
overflow-y  ovf.y :box visible | hidden | scroll | auto | initial | inherit
overflow-anchor ovf.an :box x
overflow-inline ovf.in :box x
overflow-block ovf.bl :box x
overflow-clip-margin ovf.cm :box x
overflow-wrap ovf.wr :box normal | anywhere | break-word | initial | inherit
visibility v :box visible | hidden | collapse | initial | inherit
box-shadow  bx.sh :box none | h-offset v-offset blur spread color  | inset | initial | inherit
co co :box color | initial | inherit
font fo :box font-style font-variant font-weight font-size/line-height font-family | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit
font-family fo.fa :box family-name | generic-family | initial | inherit
font-size fo.sz :box medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
font-size-adjust  fo.sa :box number | none | initial | inherit
font-stretch  fo.str :box ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit
font-style fo.sy :box normal | italic | oblique | initial | inherit
font-variant fo.va :box normal | small-caps | initial | inherit
font-weight fo.wg :box normal | bold | bolder | lighter | number | initial | inherit
font-synthesis fo.syn :box x
list-style ls :box list-style-type list-style-position list-style-image | initial | inherit
list-style-image ls.im :box none | url | initial | inherit
list-style-position ls.po :box inside | outside | initial | inherit
list-style-type ls.ty :box value
direction dir :box x
tab-size  tbs :box x
text-align tx.al :box left | right | center | justify | initial | inherit
text-align-last  tx.all :box auto | left | right | center | justify | start | end | initial | inherit
text-decoration tx.de :box text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness | initial | inherit
text-decoration-color  tx.dcc :box color | initial | inherit
text-decoration-line  tx.dl :box none | underline | overline | line-through | initial | inherit
text-decoration-style  tx.ds :box solid | double | dotted | dashed | wavy | initial | inherit
text-indent tx.in :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
text-justify  tx.ju :box auto | inter-word | inter-character | none | initial | inherit
text-overflow  tx.ov :box  clip | ellipsis | string | initial | inherit
text-shadow  tx.sh :box h-shadow v-shadow blur-radius color | none | initial | inherit
text-transform tx.tr :box none | capitalize | uppercase | lowercase | initial | inherit
text-orientation tx.or :box mixed | upright | sideways-right | sideways-left | sideways | use-glyph-orientation | inherit | initial | unset
text-decoration-skip tx.dsk :box x
text-decoration-skip-ink tx.dski :box x
text-decoration-thickness tx.dt :box x
text-emphasis tx.em :box x
text-emphasis-color tx.ec :box x
text-emphasis-position tex.ep :box x
text-emphasis-style tx.es :box x
text-rendering tx.rd :box x
text-underline-offset tx.uo :box x
text-underline-position tx.up :box x
line-height ln.h :box x
line-break ln.b :box x
letter-spacing lts :box x
white-space wsp :box x
word-spacing wd.sp :box x
word-break  wd.br :box x
word-wrap  wd.wp :box x
break-before brk.be :box x
break-after brk.af :box x
break-inside brk.in :box x
height h :box x
max-height mx.h :box x
max-width mx.w :box x
min-height mn.h :box x
min-width mn.w :box x
width w :box x
margin m :box length [unit : %, px, em, rem, vh, vw ...] | auto | initial | inherit | can be in px, em, rem, vh, vw, % ...
margin-bottom m.bt :box length [unit : %, px, em, rem, vh, vw ...] | auto | initial | inherit | can be in px, em, rem, vh, vw, % ...
margin-left m.lf :box length [unit : %, px, em, rem, vh, vw ...] | auto | initial | inherit | can be in px, em, rem, vh, vw, % ...
margin-right m.rg :box length [unit : %, px, em, rem, vh, vw ...] | auto | initial | inherit | can be in px, em, rem, vh, vw, % ...
margin-top m.tp :box length [unit : %, px, em, rem, vh, vw ...] | auto | initial | inherit | can be in px, em, rem, vh, vw, % ...
padding p :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
padding-bottom p.bt :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
padding-left p.lf :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
padding-right p.rg :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
padding-top p.tp :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
flex  fl :box flex-grow flex-shrink flex-basis | auto | initial | inherit
flex-basis  fl.bs :box number | auto | initial | inherit
flex-direction  fl.di :box row | row-reverse | column | column-reverse | initial | inherit
flex-flow  fl.fl :box flex-direction flex-wrap | initial | inherit
flex-grow  fl.gr :box number | initial | inherit
flex-shrink  fl.sh :box number | initial | inherit
flex-wrap  fl.wp :box nowrap | wrap | wrap-reverse | initial | inherit
align-content  al.co :box stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;
align-items  al.it :box stretch|center|flex-start|flex-end|baseline|initial|inherit;
align-self  al.se :box auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
justify-content  ju.co :box flex-start|flex-end|center|space-between|space-around|space-evenly|initial|inherit;
justify-items ju.it :box x
justify-self ju.se :box x
place-content pl.co :box x
place-items pl.it :box x
place-self pl.se :box x
order or :box number | initial | inherit
border-collapse bd.cp :box separate | collapse | initial | inherit
border-spacing bd.sp :box length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
caption-side caps :box x
empty-cells epc :box x
table-layout tbl :box x
display d :box x
container container :mod x
row row :mod x
column col :mod number | auto | initial | inherit
position po :box x
top tp :box x
right rg :box x
bottom bt :box x
left lf :box x
float float :box x
clear clear :box x
appearance ape :box x
vertical-align val :box x
z-index zx :box x
cursor cu :box x
box-sizing  bx.sz :box x
object-fit ob.fit :box x
object-position ob.pos :box x
overscroll-behavior ovs.bh :box x
overscroll-behavior-x  ovs.bx :box x
overscroll-behavior-y ovs.by :box x
scroll-behavior scr.bh :box x
scroll-margin scr.m :box x
scroll-margin-bottom scr.mb :box x
scroll-margin-left scr.ml :box x
scroll-margin-right scr.mr :box x
scroll-margin-top scr.mt :box x
scroll-padding scr.p :box x
scroll-padding-bottom scr.pb :box x
scroll-padding-left scr.pl :box x
scroll-padding-right scr.pr :box x
scroll-padding-top scr.pt :box x
scroll-snap-align scr.sal :box x
scroll-snap-stop scr.sst :box x
scroll-snap-type scr.sty :box x
scrollbar-gutter scr.g :box x
scrollbar-width* scr.w :box x
scrollbar-color* scr.c :box x
column-count  col.c :box number | auto | initial | inherit
column-fill  col.f :box balance | auto | initial | inherit
column-rule  col.r :box column-rule-width column-rule-style column-rule-color | initial | inherit
column-rule-color  col.rc :box color | initial | inherit
column-rule-style  col.rs :box none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
column-rule-width  col.rw :box medium | thin | thick | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
column-span  col.s :box none | all | initial | inherit
column-width  col.w :box auto | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
columns  cols :box auto | column-width column-count | initial | inherit
grid gd :box none | grid-template-rows / grid-template-columns | grid-template-areas | grid-template-rows / [grid-auto-flow] grid-auto-columns | [grid-auto-flow] grid-auto-rows / grid-template-columns | initial | inherit
grid-area gd.a :box grid-row-start / grid-column-start / grid-row-end / grid-column-end  |  itemname
grid-auto-columns gd.ac :box auto | max-content | min-content | length [unit : %, px, em, rem, vh, vw ...]
grid-auto-flow gd.af :box row | column | dense | row dense | column dense
grid-auto-rows gd.ar :box auto | max-content | min-content | length [unit : %, px, em, rem, vh, vw ...]
grid-column gd.c :box grid-column-start / grid-column-end
grid-column-end gd.ce :box auto | span n | column-line
grid-column-start gd.cs :box auto | span n | column-line
grid-row gd.r :box grid-row-start / grid-row-end
grid-row-end gd.re :box auto | row-line | span n
grid-row-start gd.rs :box auto | row-line
grid-template gd.t :box none | grid-template-rows / grid-template-columns | grid-template-areas | initial | inherit
grid-template-areas gd.ta :box none | itemnames
grid-template-columns gd.tc :box none | auto | max-content | min-content | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
grid-template-rows gd.tr :box none | auto | max-content | min-content | length [unit : %, px, em, rem, vh, vw, var() ...] | initial | inherit
gap gp :box row-gap column-gap
grid-gap gd.g :box grid-row-gap grid-column-gap
resize rz :box none | both | horizontal | vertical | block | inline | initial | inherit | unset
content con :box string
writing-mode wm :box vertical-tb | vertical-lr | horizontal-tb | initial | inherit | unset