بایت لرن

آموزشهای برنامه نویسی ، امنیت و شبکه ،ترفند های کم یاب ، سورس کد ، طراحی وب ، اپلیکشن ، انجام پروژه های دانشجویی رایگان

لیست کد های Css

List of Css Codes

لیست کد های Css

Layout

Width

پهنا تگ

Height

ارتفاء تگ

Max-width

حداکثر پهنا تگ

Max-height

حداکثر ارتفاء تگ

Min-width

حداقل پهنا تگ

Min-height

حداقل ارتفاء تگ

Margin

فاصله بیرونی شی با دیگر اشیا

Margin-top

فاصله بالایی شی

Margin-bottom

فاصله پایینی شی

Margin-left

فاصله از سمت چپ شی

Margin-right

فاصله از سمت راست شی

Padding

فاصله داخلی شی با کادر دور همان شی

Padding-top

فاصله داخلی شی از بالا

Padding-bottom

فاصله داخلی شی از پایین

Padding-left

فاصله داخلی شی از سمت چپ

Padding-right

فاصله داخلی شی از سمت راست

Position

محل قرار گیری شی در صفحه

Top

محل قرار گیری شی در صفحه از بالا

Bottom

محل قرار گیری شی در صفحه  از پایین

Left

محل قرار گیری شی در صفحه از چپ

Right

محل قرار گیری شی در صفحه از راست

Visibility

نمایش یا عدم نمایش یک شی

Opacity

میزان شفافیت یکشی

Float

ردیف کردن شی از سمت راست یا چپ

Clear

از جریان دادن عناصر در کنار عنصری که شناور شده است جلوگیری کند

Overflow-x

تعیین می کند که محتوایی که از مرزهای چپ و راست عنصر خارج می شود, نمایش داده شود یا نه. و همچنین چگونگی نمایش را نیز تعیین می کند

Overflow-y

یین می کند که محتوایی که از مرزهای بالا و پایین عنصر خارج می شود, نمایش داده شود یا نه. و همچنین چگونگی نمایش را نیز تعیین می کند

Overflow

تعیین می کند که محتوایی که از مرزهای عنصر خارج می شود, نمایش داده شود یا نه. و همچنین چگونگی نمایش را نیز تعیین می کند

z-index

برای تعیین ترتیب عناصر زمانی که روی هم قرار می گیرند, استفاده می شود. یعنی مشخص می کند که عنصر, رو یا زیر عنصر یا عناصر دیگر قرار بگیرد

Display

نوع نمایش

Text

Color

رنگ متن

Font-family

نوع قلم

Font-style

مورب یا نرمال بودن متن

Font-variant

نوشتن متن با حروف بزرگ در اندازه کوچک

Font-size

اندازه قلم

Font-weight

ضخامت قلم

Text-align

چپ چین ، راست چین ، وسط چین بودن متن

Line-height

ارتفاع خط

Text-decoration

زیر خط ، بالا خط ، روی خط

Text-indent

میزان تورفتگی

Text-shadow

سایه متن

Text-transform

تبدیل متن به حروف کوچک و بزرگ

Letter-space

تعیین فاصله حروف

Word-spacing

تعیین فاصله کلمات

White-space

فاصله کلمات

Vertical-align

موقعیت عممودی شی

Font

تمامی تنظیمات مربوط به قلم

@font-face

اختصاص دادن یک نام به یک فونت

Border

Border-collapse

ایجاد فاصله یا از بین بردن فاصله بین کادر دور ایشا

Border-spacing

فاصله بین خطوط کادر دور

Border-color

رنگ کادر دور

Border-width

پهنای کادر دور

Border-style

نوع کادر دور

Border-radius

شعاع گوشه های کادر دور اشیا

Background

Background-color

رنگ پیس زمینه

Background-image

عکس پس زمینه

Background-position

محل قرار گیری پس زمینه

Background-size

اندازه پس زمینه

Background-clip

بریدن تصویر پس زمینه

Background-repeat

تکرار یا عدم تکرار عکس پس زمینه

Background-origin

قرار دادن تصویر پس زمینه در موقعیت خاص

Background-attachment

ثابت یا متحرک بودن عکس پس زمینه

Box-shadow

ایجاد سایه

Box-direction

مسیر نمایش باکس

Background

تمام ویژگی های پس زمینه

Others

List-style-position

محل قرار گیری شکل یا شماره های لیست

List-style-image

تصویر به جای شکل در لیست

List-style-type

نوع شکل یا شماره های لیست

@keyframes

ایجاد انیمیشن

Animation

تعریف ویژگی های انیمیشن یک شی

Animation-duration

مدت اجرای انیمیشن

Animation-name

نام انیمیشن

Animation-delay

بعد از چه تاخیری زمانی انیمیشن اجرا شود

Animation-timing-function

سرعت اجرا انیمیشن

Animation-direction

مسیر حرکت انیمیشن

Animation-iteration-count

تعداد اجرا انیمیشن

clip

برش در یک شی

Caption-side

محل قرار گیری برچسب جدول

Column-gap

برای ایجاد فضای خالی بین دو ستون

Column-count

تعداد ستون در یک شی

Column-rule-color

رنگ خط بین ستون ها

Column-rule

ضخامت ، نوع خط و رنگ بین ستون ها

Column-rule-width

ضخامت خط بین دو ستون

Column-rule-style

نوع خط بین ستون ها

Columns

تعداد ستون ها و پهنای ستون ها

Column-width

پهنای ستون ها

Cursor

تغییر شکل اشاره گر ماوس

Word-warp

شکستن خط و انتقال ان به خط بعدی

Outline

کادر بیرونی هر شی

Direction

مسیر نوشتن متن

Outline-color

رنگ کادر بیرونی هر شی

Empty-cells

نمایش یا عدم نمایش سلول های خالی

Outline-width

ضخامت کادر بیرونی

Outline-style

نوع کادر بیرونی

Transform

تغییر شکل دادن شی

Table-layout

تعیین الگوریتم استفاده از جدول

Transition-property

تغییر خصوصیت ها موقع انتقال

Transform-origin

تغییر شکل بر اساس نقطه خاص

Transition-timing-function

شتاب حرکت

Transition-duration

مدت اجرای انتقال

Transition-delay

میزان تاخیر تا اجرای انتقال

همچنین لیست تمامی تگ های HTML را در بایت لرن بخوانید


نظرات (۱)

سلام
این پست عالیه خیلی به کارم اومد مرسیییی
تشکر از سایت خوبتوون
پاسخ:
ممنونم از نظر خوبتون دوست عزیز، این کامنت ها به ما انرژی میده که ادامه بدیم
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی
تمامی حقوق مطالب این سایت متعلق به گردانندگان آن است

Valid HTML 4.01!