::after (:after)

  • Revision slug: CSS/:after
  • Revision title: :after | ::after
  • Revision id: 6414
  • Created:
  • Creator: Jethro
  • Is current revision? No
  • Comment

Revision Content

{{template.CSSRef()}}

Summary

Creates an element after the selected element. Typically used to add cosmetic content to an element. This element is inline by default.


Examples

Ex:<br/>
blockquote:after{content: '"';}

<blockquote>
Some Quote"
</blockquote>

Browser compatibility

(Sample Compatibility Chart)

Browser 1.5?
Internet Explorer no
Firefox 0
Netscape no
Opera ?

Revision Source

<p> 
{{template.CSSRef()}}
</p>
<h3 name="Summary"> Summary </h3>
<p>Creates an element after the selected element. Typically used to add cosmetic content to an element. 
This element is inline by default.
</p><p><br>
</p>
<h3 name="Examples"> Examples </h3>
<pre>Ex:&lt;br/&gt;
blockquote:after{content: '"';}

&lt;blockquote&gt;
Some Quote"
&lt;/blockquote&gt;
</pre>
<h3 name="Browser_compatibility"> Browser compatibility </h3>
<p>(Sample Compatibility Chart)
</p>
<table class="standard-table">
  <tbody><tr>
    <th>Browser</th>
    <th>1.5?</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>no</td>
  </tr>
  <tr>
    <td>Firefox</td>
    <td>0</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>no</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>?</td>
  </tr>
</tbody></table>
Revert to this revision