Quackit Logo
FREE Hosting!
With every domain you register with ZappyHost you get FREE hosting.
Create free Flash websites

CSS counter-increment

Print Version

Also see the full, alphabetical list of CSS properties


The CSS counter-increment property assists in generating automatic numbering (for example, Heading 1, Section 1.1, Heading 2, Heading 2.2 etc) by incrementing the count by a given number. The counter-increment property is used in conjunction with the CSS count() function of the 'content' property (which is used with the ':before' or ':after' pseudo-elements).

Also see the counter-reset and content properties.

Syntax: content: "<string> " counter(<identifier>) " ";
counter-increment: <identifier> <integer>;
Possible Values:
  • none
  • <identifier> <integer>
    The integer indicates how much the count is incremented by. The default is 1. Zero and negative integers are allowed.
  • inherit
Initial Value: None
Applies to: All elements
Inherited: No
Media: All
Example:
h1:before {
    content: "Section " counter(section) " ";
    counter-increment: section;
}

Also see all CSS properties listed alphabetically


Enjoy this website?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Help support Quackit by making a donation

Oh, and thank you for supporting Quackit!

Need Website Content?
Get unique, quality digital content for your website.
  • 270+ Website Templates
  • 800+ Flash Templates
  • 25,000+ Images, Logos
  • 30,000+ e-Books
  • 15,000+ Scripts
  • 27,000+ Animated GIFs
  • 21,000+ Ringtones
  • ...and much more!
Get your content now!
$1.99 .info domain names!
© Copyright 2000 - 2010 Quackit.com