View source for Style rule (CSS)

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 ==

Say the HTML looks like this:

<pre>
<body>...</body>
</pre>

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

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

== See also ==

* [[Box model (CSS)]]
* [[Cascading Style Sheets]]
* [[CSS property]]
* [[Media query (CSS)]]


[[Category:Cascading Style Sheets]]