Commits

David Storey committed 4ef49b9

Added links in dom

Comments (0)

Files changed (1)

dom-inspector.markdown

 
 The styles associated with the currently selected DOM element can be found in the Styles sub-panel. There are two main sections; computed style and styles. 
 
-The computed style section lists all the properties that Opera supports in alphabetical order. Each property lists its computed value. This is the value that Opera stores internally after all the rules have been evaluated, and values and units have been converted. For example, color values are converted to hexadecimal notation (except values that have an alpha channel which are converted to RGBA), and length values are converted to pixels (<code>px</code>).
+The computed style section lists all the properties that Opera supports in alphabetical order. Each property lists its computed value. This is the value that Opera stores internally after all the rules have been evaluated, and values and units have been converted. For example, color values are converted to hexadecimal notation (except values that have an alpha channel which are converted to <a href="http://www.w3.org/TR/css3-color/#rgba-color">RGBA</a>), and length values are converted to pixels (<code>px</code>).
 
 The styles section contains a list of CSS rules in order of selector specificity with the most specific first. Invalid rules that Opera could not parse are dropped from the rules, and shorthands are expanded into their individual properties. Like computed styles, units are converted to the value Opera stores internally. Properties in a less specific rule that are overridden by the same property in a more specific rule display with a strike-through to show they do not apply. Properties that have a color value (such as <code>color</code> or <code>background-color</code>) show a color swatch after the value. Clicking on this swatch opens the color picker, which can be used to adjust the color on the fly.
 
 
 Using the color picker will be familiar to anyone who has used similar graphics-related tools. The two color swatches in the upper right hand corner show the original color (left) and the adjusted color (right). Clicking the original color swatch will revert the updated color to the original. 
 
-The color can be adjusted using either the RGB or HSV color models. Clicking on the radio button next to a color component will clamp the color slider to the selected component. For instance, which clicking on the Hue (H) component the color slider is clamped to the values 0–360 (red to red, via the entire hue spectrum). Moving the slider will adjust only that component. The color field to the left of the slider is clamped to the other two components. Selecting a color in the field will update these two components. It is possible to directly enter the color value in either RGB, HSV or hexadecimal in the appropriate text fields.
+The color can be adjusted using either the <a href="http://en.wikipedia.org/wiki/RGB_color_model">RGB</a> or <a href="http://en.wikipedia.org/wiki/HSL_and_HSV">HSV</a> color models. Clicking on the radio button next to a color component will clamp the color slider to the selected component. For instance, which clicking on the Hue (H) component the color slider is clamped to the values 0–360 (red to red, via the entire hue spectrum). Moving the slider will adjust only that component. The color field to the left of the slider is clamped to the other two components. Selecting a color in the field will update these two components. It is possible to directly enter the color value in either RGB, HSV or hexadecimal in the appropriate text fields.
 
 If the color value has an alpha channel (RGBA or HSLA), an opacity slider is also available. This adjusts the color between fully opaque and fully transparent. A black and white pattern is displayed behind the original and adjusted color swatches to help visualize how the color will look.