Difference between revisions of "Style rule (CSS)"

Revision as of 20:21, 5 October 2016

In Cascading Style Sheets, a style rule is a definition which affects the presentation of HTML.

The basic structure of a style rule:

selector {
  property:value;
  property:value
}

Elements of the style rule:

Say the HTML looks like this:

<body>...</body>

The style rule below sets the background color for the body of the web page:

<style>
 body { background-color: #cccccc; }
</style>

@@ Line 1: / Line 1: @@
 In [[Cascading Style Sheets]], a '''style rule''' is a definition which affects the presentation of [[HTML]].
+=== Style rule structure ===
+The basic structure of a style rule:
+<pre>
+selector {
+  property:value;
+  property:value
+}
+</pre>
+Elements of the style rule:
+* The '''selector''' identifies which HTML element(s) will be affected.
+* The '''property''' identifies the type of formatting which will be applied.
+* The '''value''' sets a value for the property.
 == Example ==