CSS Reports panel

The CSS Reports panel can display a report that lists either style errors or the type of styles that are in use. You can generate a report that checks only particular web pages or an entire website. For more information about generating a CSS report, see CSS Errors and Usage reports.

Tip

You can also generate a Style Sheet Links report, which lists all of the web pages in your website that either import or link to an external cascading style sheet (CSS). For more information, see Generating site reports.

The CSS Reports panel contains the following columns when you generate a report of errors.

  • Status shows an icon that represents the type of file that contains the error and the status of the file.

  • Page lists the web page that contains an error and the location of the page.

  • Line lists the number of the line in Code view that contains the error.

  • Style lists the name of the style.

  • Error Summary describes the type of error.

The CSS Reports panel contains the following columns when you generate a report of style usage.

  • Status shows an icon that represents the type of file that contains the error and the status of the file.

  • Style lists the name of the style.

  • Usage Location lists the file that contains the style reference. Double-click the row, except under the Definition Location column, to open the file.

  • Line lists the number of the line in Code view that contains the error.

  • Definition Location lists the file that contains the style definition. Click the file name in this column to open the file.

CSS Reports panel buttons

Use this To do this

CSS Reports button Cc295368.46327336-4b09-413d-bc3d-a4ffcf1f1938(en-us,Expression.40).png

Open the CSS Reports dialog box.

Next Result button Cc295368.b146ed86-14e2-474a-860f-8444e1e9ad8b(en-us,Expression.40).png

Open the web page that contains the next result in the list and highlight the error or reference.

Previous Result button Cc295368.d454c864-e476-4239-9b62-50743f96f015(en-us,Expression.40).png

Open the web page that contains the previous result in the list and highlight the error or reference.

Style Sheet Links button Cc295368.5dbe4234-1da1-49b2-92a7-9a5855acc546(en-us,Expression.40).png

Display the Style Sheet Links site report.

Column heading

Sort or reverse the list of results.

Down arrow Cc295368.902b6cbf-85c4-4847-9f11-103ef86cd882(en-us,Expression.40).png in column heading

Restrict the results to those that fit the criteria you select.

NoteNote
When the results of the report are filtered, the down arrow Cc295368.902b6cbf-85c4-4847-9f11-103ef86cd882(en-us,Expression.40).png of the filtering column appears blue Cc295368.8927244e-e2c4-4254-9ca2-378ac5cbd01b(en-us,Expression.40).png instead of black.

When you right-click a row, a shortcut menu provides the following additional options:

  • To open the webpage that contains a result and to highlight the error or reference, right-click the row and in the shortcut menu, click Go to Page.

  • To locate one or more files in the Folder List panel, in the CSS Reports panel, select the files you want to locate, right-click a selected file, and in the shortcut menu, click Select Resulting Files in Folder List.

  • To clear the entire list of results, right-click any row, and in the shortcut menu, click Clear Results.

  • To copy the results of the report as a table, select the rows you want to copy, right-click a selected row, and in the shortcut menu, click Copy Results.

  • To deselect all filter criteria and set every column's Filter menu to All, right-click any column heading or row and select Remove Filters.

See also

Tasks

CSS Errors and Usage reports

Concepts

Generating cascading style sheet reports
Generating site reports
Cascading style sheet reference

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.