Free CSS editor in CodeLobster IDE

Free CodeLobster IDE includes free CSS editor


Free CSS editor represents the following abilities to work with CSS code:


1. Code highlighting
That feature means CSS syntax coloring.
CSS highlighting

2. Braces highlighting
The CSS Editor highlights braces in pairs when the cursor is placed between beginning and ending enclosing characters.
CSS braces highlighting
3. Code collapsing
This feature allows hiding style properties you aren't working on to make navigation a little easier.
To collapse code fragment, click "-" marker in the gutter next to the line numbers.
CSS Code Collapsing
4. Intelligent Auto-complete
Auto-complete feature "remembers" and lists in pop-up window style property names
CSS elements autocomplete

and property values.
CSS elements values autocomplete
Completion list is called automatically in necessary area of CSS code and after style attribute within any tag in the HTML code.
style attributes autocomplete

style attributes values autocomplete

5. Context and Dynamic Help
With these features you can get necessary information about any element of CSS code.
To get help topics using Context Help:
  • Place the pointer on necessary element and press F1 button

By default CodeLobster IDE searches for proper topic to https://www.w3.org site. You can use Local or Online MSDN instead. To change site address:
  • Move to the Preferences menu (Tools|Preferences)
  • On the left panel click Context Help item and select CSS
  • On the right panel select necessary value from the Location dropdown list and press OK
CSS context help

The Dynamic Help window displays links to help topics for an element the pointer is placed on. By default free CSS editor conducts search on https://www.w3.org site.
CSS dynamic help

© Copyright by CodeLobster Software