آموزش و مقالات طراحی سایت

آیا می دانستید همین حالا میتوانید پاسخ سوالات خود را از ایران سایت دریافت کنید !


                                                                                                          همین حالا در   تلگرام  سوال خود را در چند ثانیه بپرسید

مقالات طراحی وب

Laptop نحوه شمارش به صورت افزایشی و تنظیم مجدد
سینا
/ دسته ها: HTML & CSS

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

Counter-increment،Counter-reset

دلیل استفاده از 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
عنوان


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

 

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

سیناسینا

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

نوشتن یک نظر

نام:
ایمیل:
نظر:
افزودن نظر
همین حالا با ما تماس بگیرید تا اطلاعات بیشتری در اختیار شما قرار دهیم !
88886450(021)