News
CodeLobster PHP Edition
June 4, 2010 - Codelobster PHP Edition FREE Version 3.5 released
Read More
    Menu
CodeLobster PHP Edition
  Details
  Versions history
  CakePHP plug-in
  CodeIgniter plug-in
  Drupal plug-in
  Facebook plug-in
  JQuery plug-in
  Joomla plug-in
  Smarty plug-in
  WordPress plug-in
Features tour
  HTML editor
  HTML code inspector
  CSS editor
  JavaScript editor
  PHP editor
  PHP debugger
  SQL autocomplete
Other
  Affiliate
  Links
  Contact
    News
Home News Download Order Now Forum Support

Free PHP IDE Codelobster PHP Edition includes free CSS editor

For working with CSS code free CSS editor represents the following abilities:
1. Code highlighting
That feature means CSS syntax coloring.
CSS highlighting

2. Braces highlighting
The Editor highlights braces in pairs when a 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 next to it in the gutter by 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 whatever 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 pointer on necessary element and press F1 button
By default, Codelobster PHP Edition searches for proper topic on http://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

Dynamic Help
The Dynamic Help window displays links to help topics for element pointer placed on. By default, free CSS editor conducts search on http://www.w3.org site.
CSS dynamic help
Previous feature | Next feature
© Copyright by CodeLobster Software