css counters

17

Click here to load reader

Upload: meysam-zandy

Post on 21-Jan-2018

378 views

Category:

Design


2 download

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

سپاسگذارم