TopStyles’s main window may be customized to suit your editing style. Docking panels enable you to rearrange the positions of the following: Style Inspector, Selector List, Output, View Bar, Palette Editor, Files, Clip Library. TopStyle’s toolbars are similar to those used in Microsoft Office and are very easy to customize as well. Layouts are a way to save and restore the position of everything on the TopStyle display, enabling you to define different ways of working with minimal fuss. TopStyle comes with a few built-in layouts, but you can easily create your own.

Now you can edit your HTML documents and style sheets using one great interface! TopStyle Pro’s inspector categorizes HTML attributes so you can quickly see which are required and which are deprecated (outdated). Even better, TopStyle generates XHTML-compliant markup with a simple toggle. TopStyle Pro’s unique hyperlinking greatly simplifies navigating between documents. Click an HTML class attribute to navigate to the definition of that class in an external style sheet, or click an anchor tag or CSS link to open the linked file for editing. You can even click on an <> tag to open the image file in your favorite image editor.