Definition file editor for CSS

With the CSS definition file editor, you can modify or extend the CSS definition that Spider uses in the dynamic tooltip functions and on the Programming Languages tab. To access the CSS definition file editor, use the CSS definition file editor command, which is located in the main menu. You can also launch it using the button located in the program's settings in the Facilitation, dynamic attributes, other category or in the menu. The button is shown above.

The editor window of the CSS definition file consists of two parts: "Property List" which contains all CSS properties, and "Basic Data", "Accepted Values" and "Browser Support" tabs.

Property List

The list contains all properties available in CSS. You can add new properties and delete existing ones.

The icon next to the property name depends on the "Group Membership" setting on the "Basic Data" tab.

Save changes
Click to save the changes to the CSS definition file

Basic data

Property description
Here enter a description of the selected property

Group membership
Specify the group to which the selected property belongs. Selecting a group affects the grouping of properties in the CSS Inspector, and determines the icon the property will have.

Path to the documentation file
Here you can specify the path to the documentation file for the selected property. This will allow you to use the Help for the current document (shortcut Ctrl+F1)

Property is an abbreviated equivalent of other properties
Check if the selected property is not to take its own values, but to take the values of other CSS properties.

After selecting this option, you must add to the list of properties whose values are to be accepted by the selected property. To add a property use the menu on the right side of the list. To add properties use the Add property to list window.... Remember that the order in which you specify the properties matters, and you should specify them in the order listed in the CSS specification. Use the buttons in the menu to move properties in the listed

Accepted values

Accepted values
Here you can specify the values that the selected CSS property can take. Support the list of values with the buttons on the right.

  • A property can take the inherit value - check this on if this value should appear in the list of values.
    Selecting inherit when creating a CSS style means that the value for the property will be inherited from the parent element.
  • A property can take multiple values - check this on if the property can take several values separated by spaces.
    For example, the background-position property, can simultaneously take values such as top left. This setting affects the editing facilitation features, including Dynamic Code, CSS Inspector.

A property can also be... Check the switch that determines what type of value the currently edited property can take. Possible choices are:

  • URL - check if the property is an UR address and indicate in the list on the right the type of document to which the link will connect,
  • font name
  • string
  • numeric value - type - when you select this option, you can choose the type of number that can be the value of the property (integer, real, with value, percentage, angle, time, frequency)

Support in browsers

In this tab, you can specify the standards in which the property appears and the degree of support for it by different web browsers

Support in CSS standards
Select the CSS standards in which the property appears. You can choose from:

  • CSS1
  • CSS2
  • CSS2.1
  • CSS3
  • CSS Mobile Profile 1.0
  • CSS TV Profile 1.0
Support in browsers
Check the Specify Property Support in Browsers switch to activate the Support in Browsers button that launches the tool of the same name. This will allow you to determine which browsers support a given CSS property and to what extent. This information will be included in the tooltip when creating the style.

Related topics

To top