وبلاگ

در این قسمت می توانید از آخرین مقالات و پست های مربوط به فناوری اطلاعات و تکنولوژی کامپیوتر باخبر شوید. همچنین در صورت نیاز می توانید با استفاده از RSS تمامی مقالات وبلاگ ایران سایت را را در سایت و یا وبلاگ خود نیز نمایش دهید

نحوه شمارش به صورت افزایشی و تنظیم مجدد

نحوه شمارش به صورت افزایشی و تنظیم مجدد

Counter-increment،Counter-reset

نویسنده: سینا/چهارشنبه, 11 شهریور,1394/دسته ها: HTML & CSS

رتبه بندی این مطلب:
/5

دلیل استفاده از counter و کارایی آن

ممکن است در طراحی نوشته های وب به مشکلی بربخوریم  و آن مشکل در شماره گذاری مطالب باشد،ما عنوانی داریم و همینطور زیرعنوان و می خواهیم زیر عنوان ما تابع عنوان فوقش باشد؛برای این کار باید از counter و content استفاده کنیم؛

counter چگونه است و کجا باید قرار گیرد

Counter دارای دو صفت reset(تنظیم مجدد) و increment(افزایش) است.

توجه داشته باشید که این دو در css نوشته می شوند.

یک نمونه هم در مثال زیر قابل مشاهده است.

<head>

<style type=”text/css”>

.reset{Counter-reset: heading;}

 

H1{Counter-reset: subheading;}

 

H2: before{Content: counter (heading)”)”counter (subheading)”.”

Counter-increment: subheading;}

 

H1: before{

Content: counter (heading)”)”;

Counter-increment: heading;}

</style>

 

 

 

<div class=”reset”>

<

'(1 عنوان
  (1.1زیرعنوان
(1.2 زیرعنوان
(2 عنوان
(2.1 زیرعنوان
(3 عنوان

</body>

 

نمایش مثال فوق را در زیر این متن مشاهده نمائید.


'(1 عنوان
  (1.1
زیرعنوان
(1.2
زیرعنوان
(2
عنوان
(2.1
زیرعنوان
(3
عنوان


همانطور که دیدید زیر عنوان ها به طور عدد اعشاری نوشته می شوند و عنوان ها به طور عادی.

 

تعداد نمایش ها (2141)/نظرات (0)

سینا

سینا

سایر نوشته ها توسط سینا

نوشتن یک نظر

نام:
ایمیل:
نظر:
افزودن نظر