Emmet – raccourcis css – Text, paragraphe et mise en forme
- CSS module uses fuzzy search to find unknown abbreviations, e.g.
ov:h == ov-h == ovh == oh.
- If abbreviation wasn’t found, it is transformed into property name:
foo-bar → foo-bar: | ;
- You can prefix abbreviations with hyphen to produce vendor-prefixed properties:
-foo
Font
abréviation | résultat | abréviation | résultat |
f | font:; | fs:n | font-style:normal; |
f+ | font:1em Arial,sans-serif; | fs:o | font-style:oblique; |
fw | font-weight:; | fv | font-variant:; |
fw:n | font-weight:normal; | fv:n | font-variant:normal; |
fw:b | font-weight:bold; | fv:sc | font-variant:small-caps; |
fw:br | font-weight:bolder; | fz | font-size:; |
fw:lr | font-weight:lighter; | fza | font-size-adjust:; |
fs, fs:i | font-style:italic; | fza:n | font-size-adjust:none; |
Font Family
abréviation | résultat | abréviation | résultat |
ff | font-family:; | ff:v | font-family: Verdana, Geneva, sans-serif; |
ff:s | font-family:serif; | fef | font-effect:; |
ff:ss | font-family:sans-serif; | fem | font-emphasize:; |
ff:a | font-family: Arial, « Helvetica Neue », Helvetica, sans-serif; | fsm | font-smooth:; |
ff:t | font-family: « Times New Roman », Times, Baskerville, Georgia, serif; | fst | font-stretch:; |
Text : vertical-align , text-align, text-decoration, text-emphasis, text-height, text-indent
abréviation | résultat | abréviation | résultat |
va | vertical-align:top; | va:b | vertical-align:bottom; |
va:sup | vertical-align:super; | va:tb | vertical-align:text-bottom; |
va:t | vertical-align:top; | va:sub | vertical-align:sub; |
va:tt | vertical-align:text-top; | ta, ta:l | text-align:left; |
va:m | vertical-align:middle; | ta:c | text-align:center; |
va:bl | vertical-align:baseline; | ta:r | text-align:right; |
td, td:n | text-decoration:none; | ta:j | text-align:justify; |
te | text-emphasis:; | ta-lst | text-align-last:; |
th | text-height:; | tal:a | text-align-last:auto; |
ti | text-indent:; | ti:- | text-indent:-9999px; |
Color, opacity
abréviation | résultat | abréviation | résultat |
c | color:#000; | c:ra | color:rgba(0, 0, 0, .5); |
c:r | color:rgb(0, 0, 0); | op | opacity:; |
text-justify
abréviation | résultat | abréviation | résultat |
tj | text-justify:; | tj:ic | text-justify:inter-cluster; |
tj:a | text-justify:auto; | tj:d | text-justify:distribute; |
tj:iw | text-justify:inter-word; | tj:k | text-justify:kashida; |
tj:ii | text-justify:inter-ideograph; | tj:t | text-justify:tibetan; |
text-outline, text-replace, text-transform, text-wrap, text-shadow, line-height
abréviation | résultat | abréviation | résultat |
to | text-outline:; | tw:s | text-wrap:suppress; |
to+ | text-outline:0 0 #000; | tsh | text-shadow:hoff voff blur #000; |
tr | text-replace:; | tsh+ | text-shadow:0 0 0 #000; |
tt | text-transform:uppercase; | lh | line-height:; |
tw | text-wrap:; | lts | letter-spacing:; |
tw:u | text-wrap:unrestricted; | lts-n | letter-spacing:normal; |
white-space
abréviation | résultat | abréviation | résultat |
whs | white-space:; | whsc | white-space-collapse:; |
whs:n | white-space:normal; | whsc:n | white-space-collapse:normal; |
whs:p | white-space:pre; | whsc:k | white-space-collapse:keep-all; |
whs:nw | white-space:nowrap; | whsc:l | white-space-collapse:loose; |
whs:pw | white-space:pre-wrap; | whsc:bs | white-space-collapse:break-strict; |
whs:pl | white-space:pre-line; | whsc:ba | white-space-collapse:break-all; |
word-break, word-spacing, word-spacing
abréviation | résultat | abréviation | résultat |
wob | word-break:; | wow:nm | word-wrap:normal; |
wob:n | word-break:normal; | wow:n | word-wrap:none; |
wob:k | word-break:keep-all; | wow:u | word-wrap:unrestricted; |
wob:ba | word-break:break-all; | wow:s | word-wrap:suppress; |
wos | word-spacing:; | wow:b | word-wrap:break-word; |
wow | word-wrap:; |
@font-face
abréviation | résultat |
@f | @font-face { font-family:; src:url(|); } |
@f+ | @font-face { font-family: ‚FontName‘; src: url(‚FileName.eot‘); src: url(‚FileName.eot?#iefix‘) format(‚embedded-opentype‘), url(‚FileName.woff‘) format(‚woff‘), url(‚FileName.ttf‘) format(‚truetype‘), url(‚FileName.svg#FontName‘) format(‚svg‘); font-style: normal; font-weight: normal; } |