PhpStorm 2016.3 Help

Emmet. CSS

File | Settings | Editor | Emmet - CSS for Windows and Linux
for OS X
Ctrl+Alt+S

/help/img/idea/2016.3/settings.png
ItemDescription
Enable CSS EmmetSelect this check box to enable Emmet support for style sheets. If this check box is not selected, the complicated abbreviations, like bdci:n expanding into border-corner-image: none;, will not work in the editor.
Enable fuzzy search among CSS abbreviations When this check box is selected, every unknown abbreviation will be scored against available template names. The match with the best score will be used to resolve the template. For example, with this option enabled, the following abbreviations can be equal to:
  • ov:h
  • ov-h
  • o-h
  • oh
Enable expansion of unknown properties ('unknown' to 'unknown:;')
  • When this check box is selected, any entered word will be expanded into the same word followed with a colon and a semicolon;
  • When this check box is cleared, only known properties (for example, color) will be expanded this way (color:;)
Auto insert CSS vendor prefixes If this check box is selected, the CSS properties listed in the table below are expanded into constructs that contain pre-pending vendor prefixes. Learn more at Vendor prefixes.

If this check box is cleared, the entire table of properties is disabled.

Properties and vendor prefixes The table contains a list of CSS properties and vendor prefixes that correspond to various browsers.
  • To enable or disable a property in a browser, select or clear the check box under the browser column.
  • To add a new property to the list, click the Add button /help/img/idea/2016.3/new.png or press Alt+Insert. Then type the name of the property in the dialog box that opens and enable it in the relevant browsers.
  • To delete one or more properties from the lsit, select them and press Remove /help/img/idea/2016.3/delete.png or press Alt+Delete.

See Also

Last modified: 23 March 2017