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; } |