Skip to content

Instantly share code, notes, and snippets.

/counter.css

Created December 19, 2012 13:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/4336774 to your computer and use it in GitHub Desktop.
Save anonymous/4336774 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
counter.css
body
{
counter-reset: chapter;
counter-reset: section;
counter-reset: subsection;
counter-reset: subsubsection;
counter-reset: paragraph;
counter-reset: subparagraph;
}
h1
{
counter-increment: chapter;
counter-reset: section;
}
h2
{
counter-increment: section;
counter-reset: subsection;
}
h3
{
counter-increment: subsection;
counter-reset: subsubsection;
}
h4
{
counter-increment: subsubsection;
counter-reset: paragraph;
}
h5
{
counter-increment: paragraph;
counter-reset: subparagraph;
}
h6
{
counter-increment: subparagraph;
}
h1:before
{
content: counter(chapter) " ";
}
h2:before
{
content: counter(chapter) "." counter(section) " ";
}
h3:before
{
content: counter(chapter) "." counter(section) "." counter(subsection) " ";
}
h4:before
{
content: counter(chapter) "." counter(section) "." counter(subsection) "." counter(subsubsection) " ";
}
h5:before
{
content: counter(chapter) "." counter(section) "." counter(subsection) "." counter(subsubsection) "." counter(paragraph) " ";
}
h6:before
{
content: counter(chapter) "." counter(section) "." counter(subsection) "." counter(subsubsection) "." counter(paragraph) "." counter(subparagraph) " ";
}
Raw
hoge.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="counter.css">
</head>
<body>
<h1>hoge</h1>
<h2>hoge</h2>
<h3>hoge</h3>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h3>hoge</h3>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h2>hoge</h2>
<h3>hoge</h3>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h3>hoge</h3>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h1>hoge</h1>
<h2>hoge</h2>
<h3>hoge</h3>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h3>hoge</h3>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h2>hoge</h2>
<h3>hoge</h3>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h3>hoge</h3>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h4>hoge</h4>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
<h5>hoge</h5>
<h6>hoge</h6>
<h6>hoge</h6>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment