میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

متن در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی و فروشگاهی مدرسه کدنویسی ، امیدوارم که حال همه دوستان خوب باشه. لطفا در ادامه با آموزش متن در CSS با من همراه باشید.


ویژگی color در CSS

خصوصیت color رنگ متن را تنظیم می کند.

در CSS رنگ، به یکی از روش های زیر مشخص می شود:

  • name: نام رنگ باید مشخص شود مانند “red”
  • RGB: به صورت RGB مشخص می شود مانند “(rgb(255,0,0”
  • Hex: به صورت هگزا دسیمال مشخص می شود مانند ff0000 #

در این مثال رنگ پیش فرض برای صفحه در گزینشگر body تنظیم شده است:

 

body {
  background-color: lightgrey;
  color: blue;
}

h1 {
  background-color: black;
  color: white;
}

ویژگی text-align در CSS

خصوصیت text-align برای تراز بندی متن در جهت محور X استفاده می شود.

متن را می توان در مرکز یا چپ یا راست و یا کل فضای اختصاص داده شده قرار داد.

زمانی که خصوصیت text-align با مقدار justify تنظیم می شود، با کش آمدن خطوط پاراگراف، خطوط یکسان خواهند شد. (مانند متن روزنامه ها و مجله ها)

 

h1 {
  text-align: center;
}

h2 {
  text-align: left;
}

h3 {
  text-align: right;
}
h3 { 
  text-align: justify;
 }

 


ویژگی text-decoration در CSS

خصوصیت text-decoration برای تنظیم و یا حذف Decoration های یک متن استفاده می شود.

این خصوصیت معمولاً برای حذف underline لینک ها استفاده می شود (به صورت پیشفرض یک لینک دارای underline می باشد):

a {
  text-decoration: none;
}

این خصوصیت همچنین برای آذین بندی یا Decoration متن استفاده می شود:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

توجه: توصیه می شود برای متن های معمولی که لینک نیستند، از underline استفاده نشود، چون اغلب، کاربران را به اشتباه می اندازد.


ویژگی text-transform در CSS

خصوصیت text-transform حروف یک متن را به حروف بزرگ یا کوچک تبدیل می کند، بنابراین برای حروف فارسی کاربرد ندارد.

  1. uppercase: تمام حروف یک متن را به حروف بزرگ تبدیل می کند.
  2. lowercase: تمام حروف یک متن را به حروف کوچک تبدیل می کند.
  3. capitalize: حروف ابتدایی کلمات یک متن را به حروف بزرگ تبدیل می کند.

 

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}

ویژگی text-indent در CSS

خصوصیت text-indent تو رفتگی خط ابتدایی یک پاراگراف را تنظیم می کند

 

p {
  text-indent: 50px;
}

 


ویژگی Letter-Spacing در CSS

با استفاده از این ویژگی می توان بین حروف یا کاراکترهای یک متن فاصله انداخت.

 

h1 {
  letter-spacing: 3px;
}

h2 {
  letter-spacing: -3px;
}

 


ویژگی line-height در CSS

با استفاده از این ویژگی میتوان یک فاصله یا یک فضای خالی را بین لاین ها یا خطوط و یا در کل سطرهای یک محتوا ایجاد کرد.

 

p.small {
  line-height: 0.8;
}

p.big {
  line-height: 1.8;
}

 

 


ویژگی Word-Spacing در CSS

با استفاده از این ویژگی می توان یک فاصله را بین کلمات یک متن ایجاد کرد.

 

h1 {
  word-spacing: 10px;
}

h2 {
  word-spacing: -5px;
}

 


ویژگی white-space در CSS

با استفاده از این ویژگی می توان یک فاصله را بین کلمات یک متن ایجاد کرد.

 

p {
  white-space: nowrap;
}

 


ویژگی Text-Shadow در CSS

با استفاده از این ویژگی می توان برای متن سایه ایجاد کرد.

 

h1 {
  text-shadow: 2px 2px;
}
h1 {
  text-shadow: ۲px ۲px red;
}
h1 {
  text-shadow: ۲px ۲px ۵px red;
}

 


امیدواریم آموزش متن در CSS نیز برای شما مفید واقع شده باشد و ادامه آموزش  آشنایی با css را دنبال کنید . برای مطالعه پست‌ها بیشتر ، ما را در مدرسه کدنویسی تلگرام  و یا در تی جوان اینستاگرام دنبال کنید.

نظراتتون رو زیر همین پست با ما به اشتراک بگذارید.

 

csstext-decoration در css چیستw3schoolsw3schools فارسیآموزش cssآموزش css از مقدماتی تا پیشرفتهآموزش css به زبان سادهآموزش css پروژه محورآموزش css پیشرفتهآموزش css حرفه ایآموزش css در htmlآموزش css رایگانآموزش css کاملآموزش css مبتدی تا پیشرفتهآموزش css مدرسه کدنویسیآموزش css مقدماتیآموزش css مقدماتی تا پیشرفتهآموزش css و htmlآموزش html css پروژه محور رایگانآموزش html css پیشرفتهآموزش html css مقدماتیآموزش ابتدایی cssآموزش برنامه cssآموزش برنامه نویسی cssآموزش تغییر cssآموزش تگ cssآموزش جامع cssآموزش دستورات cssآموزش زبان cssآموزش ساخت cssآموزش ساده cssآموزش سریع cssآموزش صفر تا صد cssآموزش طراحی وبآموزش طراحی وب با CSSآموزش قدم به قدم cssآموزش کامل css به زبان فارسیآموزش کامل css رایگانآموزش کامل css و htmlآموزش کامل تگ های cssآموزش کد cssآموزش کد های cssآموزش کدهای cssآموزش گام به گام cssآموزش نصب cssافکت های متن در cssاموزش css خارجیاموزش css کلیک سایتاموزش css مبتدیاموزش افکت های cssاموزش انلاین cssاموزش پایه cssاموزش تگ های cssاموزش ساخت منو cssاموزش کدنویسی cssاموزش مقدماتی css pdfتراز متن در cssتغییر جهت متن در cssتغییر سایز متن در cssتگ text-decoration در cssتگ متن در cssتنظیمات متن در cssجهت متن در cssچرخاندن متن در cssچرخش متن در cssحاشیه متن در cssخاصیت text-decoration در cssخاصیت text-transform در cssخصوصیت text-transform در cssخط زدن متن در cssخط کشیدن روی متن در cssخط کشیدن زیر متن در cssدانلود آموزش css به زبان فارسیدانلود آموزش css پیشرفتهدستور text shadow در cssدستور text-align در cssدستور text-decoration در cssساختار دستورات CSSسایه متن در cssسی اس اسشکستن متن در cssفارسی w3schoolsفاصله بین متن در cssکاربرد text-align در cssکاربرد text-decoration در cssکاربرد text-indent در cssکاربرد text-transform در cssکتاب آموزش css فارسیمتن در CSSمتن ها در cssمرتب سازی متن در cssنوشتن متن در cssوسط چین متن در cssوسط قرار دادن متن در css
ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟