طراحی و اجرای شبکه های کامپیوتری در کرمانشاه و شهرستانهای تابعه
انجام پروژه های دانشجویی
آموزش های طراحی وب
آموزشهای شبکه
متن در CSS (CSS TEXT)
رنگ متن Text Colorخصوصیت color برای مشخص کردن رنگ متن به کار می رود.
در CSS رنگها عموما با واحدهای زیر مشخص می شوند:
با واحد Hex - مثل "#ff0000"
به صورت RGB - مثل "rgb(255,0,0)"
با نام رنگ - مثل "red"
رنگ پیش فرض متن برای صفحه در انتخابگر body تعریف می شود:
مثال برای Text Color
پیش نمایش
Text Alignment
برای تنظیم متن در حالت افقی از این ویژگی استفاده میکنیم،این ویژگی میتواند با یکی ازمقادیر زیر مقداردهی شود
با مقدار Justify تمامی خطوط عرض یکسانی خواهند داشت
مثال برای Text Alignment
پیش نمایش
Text Decoration
این ویژگی بیشتر برای پاک کردن یا اضافه کردن فرم خاص به متن مورد استفاده قرار میگیرد
a {text-decoration:none;}
در این مثال در واقع اگر متن شما دارای فرمت خاصی مانند زیر خط (underline) یا هر فرمت دیگری بود ،این فرمت را پاک میکند.مقادیری که میتواند این ویژگی بگیرد در مثال زیر آمده است
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
پیش نمایش
تغییر و تحولات متن (Text Transformation)
خصوصیت text-transform برای تعیین کوچک و بزرگ بودن حروف متن به کار می رود..
این خصوصیت می تواند برای کوچک یا بزرگ نمایش دادن کل حروف متن به کار رود، یا فقط حرف اول هر کلمه را بزرگ کند.
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
خصوصیت text-indent برای تعیین فرورفتگی حرف اول هر متن به کار می رود. مثال:
کد:
p {text-indent:50px;}
تمامی خصوصیات متن (text) در CSSتمامی خصوصیات متن (text) در CSS
خصوصیت |
توضیحات |
color |
تعیین رنگ متن |
direction |
جهت متن/نوشتن را مشخص می کند . |
letter-spacing |
افزایش یا کاهش فاصله ی بین حروف در یک متن |
line-height |
تعیین ارتفاع یک خط |
text-align |
تعیین تراز افقی یک متن |
text-decoration |
تعیین تزئینات ظاهری یک متن |
text-indent |
تعیین فرورفتگی سطر اول پاراگراف |
text-shadow |
سایه دادن به یک متن |
text-transform |
بزرگ و کوچک بودن حروف متن را کنترل می کند |
unicode-bidi |
|
vertical-align |
تعیین تراز عمودی یک عنصر |
white-space |
چگونگی قرارگرفتن فضای سفید بین عناصر متن |
word-spacing |
افزایش و کاهش فاصله بین کلمات در یک متن |
دایرکشن یا چینش متن
مقدار |
توضیح |
ltr |
ltr در واقع مخفف left-to-right است یعنی چپ به راست . |
rtl |
راست به چپ یا همون چینش فارسی و right-to-left |
برچسب مطالب :
css چیست| قواعد نوشتاری زبان css | کلاس و id در css| چگونگی عملکرد css| تنظیم پس زمینه background در css | متن در css| فونت در css | لینک ها در css | لیستها در css | جداول در css| باکس Box Model در css | ویژگی css border | ویژگی css outline| ویژگی css margin | ویژگی css padding | گزینشگرهای گروهی در Css | خاصیت css dimension | خاصیت css display | خاصیت css position | خاصیت css floating | خاصیت css align | شبه کلاسها در css | شبه عناصر در css | نوار هدایت در css | گالری تصاویر در css| ایجاد تصاویر شفاف در css| خاصیت image sprites در css | انواع رسانه ها در css | انتخاب گرها در css| معرفی css3| حاشیه در css3| پس زمینه در css3| خاصیت css3 gradients| جلوه های متن در Css3| فونت در css3| تغییر شکل های 2 بعدی در css3| ترنسفرم های سه بعدی در css3 | خاصیت css3 transitions | انیمیشن در css3 | ستونهای چند گانه در css3 | رابط کاربری css3 |
قواعد نوشتاری زبان css
کلاس و id در css
چگونگی عملکرد css
تنظیم پس زمینه background در css
متن در css
فونت در css
لینک ها در css
لیستها در css
جداول در css
باکس Box Model در css
ویژگی css border
ویژگی css outline
ویژگی css margin
ویژگی css padding
گزینشگرهای گروهی در Css
خاصیت css dimension
خاصیت css display
خاصیت css position
خاصیت css floating
خاصیت css align
شبه کلاسها در css
شبه عناصر در css
نوار هدایت در css
گالری تصاویر در css
ایجاد تصاویر شفاف در css
خاصیت image sprites در css
انواع رسانه ها در css
انتخاب گرها در css
معرفی css3
حاشیه در css3
پس زمینه در css3
خاصیت css3 gradients
جلوه های متن در Css3
فونت در css3
تغییر شکل های 2 بعدی در css3
ترنسفرم های سه بعدی در css3
خاصیت css3 transitions
انیمیشن در css3
ستونهای چند گانه در css3
رابط کاربری css3