תאור המאפיין counter-reset


בקרוב נעדכן את המידע אודות מאפיין ה-css.


קוד לדוגמה המציג את המאפיין counter-reset


<!DOCTYPE html>
<html>
<head>
    <title>כותרת האתר</title>
<style>
body {
    counter-reset: section;
}

h1 {
    counter-reset: subsection;
}

h1:before {
    counter-increment: section;
    content: "Section " counter(section) ". ";
}

h2:before {
    counter-increment: subsection;
    content: counter(section) "." counter(subsection) " ";
}
</style>
<meta charset="utf-8"/>
</head>
<body>
    <h1>HTML tutorials</h1>
    <h2>HTML Tutorial</h2>
    <h2>XHTML Tutorial</h2>
    <h2>CSS Tutorial</h2>

    <h1>Scripting tutorials</h1>
    <h2>JavaScript</h2>
    <h2>VBScript</h2>

    <h1>XML tutorials</h1>
    <h2>XML</h2>
    <h2>XSL</h2>
</body>
</html>

תמיכה בדפדפנים למאפיין counter-reset


chrome logo
explorer logo
edge logo
firefox logo
safari logo
opera logo
4.0
8.0
כן
2.0
3.1
9.6

המספר מתחת לאייקון של הדפדפנים מציין את הגרסה הראשונה שבה נתמכת המאפיין.


גרסת css למאפיין counter-reset


2


תכונות למאפיין counter-reset


inheritמגדיר את הערך שיורש מההורה.
initialמגדיר את המאפיין לערך ברירת המחדל שלו.
noneנעדכן בקרוב את תאור הערך.

השאר תגובה