RubyMine 2017.2 Help

Emmet. CSS

File | Settings | Editor | Emmet | CSS for Windows and Linux
RubyMine | Preferences | Editor | Emmet | CSS for macOS
Ctrl+Alt+S /help/img/idea/2017.2/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 checkbox 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 checkbox is selected, any entered word will be expanded into the same word followed with a colon and a semicolon;
  • When this checkbox is cleared, only known properties (for example, color) will be expanded this way (color:;)
Auto insert CSS vendor prefixes If this checkbox 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 checkbox 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 checkbox under the browser column.
  • To add a new property to the list, click the Add button /help/img/idea/2017.2/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 list, select them and press Remove /help/img/idea/2017.2/delete.png or press Alt+Delete.
Last modified: 26 October 2017

See Also