CSS counters

  • View
    377

  • Download
    2

  • Category

    Design

Preview:

Citation preview

به نام خدا

C

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

S S

C O U ETN R S

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

@meysamznd @meysamzandy

01

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

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

03

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

04

05

CSS counters

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

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

06

:نکته

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

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

CSS Counters Syntax

08

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

CSS Counters Syntax

09

CSS Counters Syntax

CSSکدهای

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

10

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

CSS Counters

11

12

13

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

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

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

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

.استدسرتسدر

سپاسگذارم

Recommended