Free PHP IDE with support Drupal, Smarty, Twig, WordPress, Joomla, JQuery, CodeIgniter, HTML, CSS, JavaScript, CakePHP, Facebook, Laravel, Symfony, Yii
    News
CodeLobster PHP Edition
August 26, 2014 - Codelobster PHP Edition FREE Version 5.1.3 released
Read More
    Menu
Free version
  Details
  HTML editor
  HTML code inspector
  CSS editor
  JavaScript editor
  PHP editor
  PHP debugger
Lite version
  SQL manager
  Version Control Systems
  Code validator
  Code snippets
  Code formatting
  SASS and LESS
  Other tools
Professional version
  CakePHP plug-in
  CodeIgniter plug-in
  Drupal plug-in
  Facebook plug-in
  JQuery plug-in
  Joomla plug-in
  Laravel plug-in
  Smarty plug-in
  Symfony plug-in
  Twig plug-in
  WordPress plug-in
  Yii plug-in
Other
  Versions history
  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 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 PHP Edition searches for proper topic to 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 an element the pointer is 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