kodyWiG

Tag: decimal-leading-zero

17 lip 2019

Numerowanie rekordów za pomocą CSS

Przejdźmy od razu do rzeczy, chciałbym aby w liście li znajdowała się cyfra, zwykła numeracja. Nie zrobimy tego w js, php tylko w czystym css.

<ul>
  <li>lista</li>
  <li>lista</li>
  <li>lista</li>
  ...
</ul>

Użyjemy css

ul {
  list-style: none;
  counter-reset: section;
}

li:before {
  padding-right: 10px;
  counter-increment: section;
  content: counter(section);
}
Czytaj dalej
counter-reset cunter css decimal-leading-zero HTML questionNumber
Copyright © | kodyWiG Theme
  • JavaScript 219
  • PHP 139
  • CSS 107
  • HTML 75
  • GMap 47
  • Linux 46
  • PostgreSQL 34
  • MySQL 33
  • VBSCRIPT 32
  • jQuery 27
  • Smarty 27
  • Wordpress 27
  • Windows 24
  • SQL 19
  • htaccess 18
  • Perl 17
  • Programy 11
  • System 11
  • SQL Server 10
  • Leaflet 10
  • Rewrite 9
  • HTTP 8
  • VBA 7
  • React 7
  • Intellij IDEA 6
  • Telefony 6
  • WYSIWYG 6
  • XML 6
  • Nodejs 5
  • SVG 4
  • JSON 3
  • Docker 3
  • Rejestr 3
  • Nauka 2
  • Github 1
  • Bez kategorii 1
  • Opera 1
  • Rollup 1