Top Banner

Click here to load reader

17

CSS counters

Jan 21, 2018

Download

Design

Meysam Zandy
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: CSS counters

به نام خدا

Page 2: CSS counters

C

liت استایل املان های افزایشی مانند لیسبرای CSS countersازاستفاده

S S

C O U ETN R S

میثم زندی: ارائه دهنده

@meysamznd @meysamzandy

Page 3: CSS counters

01

:از این ارائه هدف

CSS Countersبا برخی از ویژگیهای آشنایی

Page 4: CSS counters

03

CSS Countersبررسی Ordered Listاز طریق استایل دهی به

Page 5: CSS counters

04

Page 6: CSS counters

05

CSS counters

- Pseudoاستفاده از املانهای Elements Orderingپویا با استایل دلخواه

پشتیبانی در اکرث مروگرها(Responsive)کامال واکنشگرا

Page 7: CSS counters

06

:نکته

CSS Countersن بر اساس املانهای تکرار شونده تولید شده و بر اساس همی

.شونداملانها هم استایل گذاری می

CSS Counters Syntax

Page 8: CSS counters
Page 9: CSS counters
Page 10: CSS counters

08

:نیدلطفا به این مثال توجه ک

CSS Counters Syntax

Page 11: CSS counters

09

CSS Counters Syntax

CSSکدهای

Page 12: CSS counters

پشتیبانی توسط مرورگرهای مختلف

Page 13: CSS counters

10

مثال ها و موارد استفاده از

CSS Counters

Page 14: CSS counters

11

Page 15: CSS counters

12

Page 16: CSS counters

13

دلخواهاستایلپویا با Orderingراه حل بسیار خوبی برای ایجاد *

CSS Countersاستفاده از : بندیجمع

و تعریف Counter-Reset ،Counter-Incrementمشخص کردن* () Contentتابع

عملResponsiveبصورتشامرنده هاPseudo-Elementsاملان هایدر*Pseudo-ElementsدرتنهاکهContentدستوربوسیلهویژگیاینکهمی کنند

.استدسرتسدر

Page 17: CSS counters

سپاسگذارم