سلام. عذر خواهی میکنم به دلیل تاخیر!! در این جلسه مشخصه هایی که میتونیم در CSS برای یک کلاس و یا آی دی تعریف کنیم رو معرفی میکنیم.
در جدول زیر اعدادی که زیرِ حروفِ تعریف شده آمده اند، بیانگر حداقل نسخه ی آن مرورگر برای پشتیبانی از این ویژگی است.
IE = Internet Explorer
F = FireFox
N = Net Scape
عددی که در ستونِ CSS قرار دارد بیانگر این است که ویژگیی که در آن ردیف قرار دارد در CSS1 و یا CSS2 تعریف شده است.
تعریف ویژگی های زمینه:
مشخصه | توضیح | مقادیر قابل تعریف | IE | F | N | CSS |
---|---|---|---|---|---|---|
background | قابل استفاده برای تعریف کلیه مشخصات پشت زمینه از جمله رنگ، و .... (مشخصه های قابل تعریف در جدول روبرو آورده شده) | background-color background-image background-repeat background-attachment background-position | 4 | 1 | 6 | 1 |
background-attachment | میتوان تصویری را در زمینه تعریف کرد و اینکه این تصویر به همراه اسکرولرِ کاربر جابجا شود و یا ثابت بماند. | scroll fixed | 4 | 1 | 6 | 1 |
background-color | تعریف رنگ زمینه ی یک کلاس و یا تگی مورد نظر | color-rgb color-hex color-nametransparent | 4 | 1 | 4 | 1 |
background-image | قرار دادن یک تصویر و یا عکس برای پشت زمینه ی یک عنصر (منظور همان بخشی است که در حال تعریف کلاس یا آی دی آن هستیم) | url(URL) none | 4 | 1 | 4 | 1 |
background-position | مشخص کردن اینکه تصویر زمینه از کجا شروع شود. بالا؟ پایین؟ گوشه چپ؟ و ... | top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos | 4 | 1 | 6 | 1 |
background-repeat | تعریف اینکه آیا و چگونه تصویر زمینه تکرار شود.(به عنوان مثال در راستای محور x ویا y همچنین اینکه تکرار نشود) | repeat repeat-x repeat-y no-repeat | 4 | 1 | 4 | 1 |
تعریف ویژگی های مربوط به متن:
مشخصه | توضیح | مقادیر قابل تعریف | IE | F | N | CSS |
---|---|---|---|---|---|---|
color | تعریفِ رنگِ متن | color | 3 | 1 | 4 | 1 |
direction | تعریفِ جهتِ کلیِ متن(از چپ به راست یا از راست به چپ) | ltr rtl | 6 | 1 | 6 | 2 |
line-height | تعیینِ فاصله ی بین خطوط در متن | normal number length % | 4 | 1 | 4 | 1 |
letter-spacing | تغییرِ فاصله بین حروف | normal length | 4 | 1 | 6 | 1 |
text-align | تعیین جهتِ چینشِ متن در یک عنصر ( چپ چین، راست چین، وسط چین و ..) | left right center justify | 4 | 1 | 4 | 1 |
text-decoration | تعیین حالتِ چیدمان متن (چشمک زن، با زیرخط و ...) | none underline overline line-through blink | 4 | 1 | 4 | 1 |
text-indent | ایجاد تو رفتگی برای اولین خطِ متن | length % | 4 | 1 | 4 | 1 |
text-shadow | none color length | |||||
text-transform | کنترل حروف متن( در زبان انگلیسی برای استفاده از حروف بزرگ و .. ) | none capitalize uppercase lowercase | 4 | 1 | 4 | 1 |
unicode-bidi | normal embed bidi-override | 5 | 2 | |||
white-space | تغییر در وضعیت فضاهای سفیدِ بین کلمات.( به عنوان مثال اگر از ویژگیِ nowrap استفاده کنید و متن اصلی شما به این صورت باشد "سلام ایران"، متن شما در مرورگر اینگونه نمایش داده خواهد شد: "سلام ایران" | normal pre nowrap | 5 | 1 | 4 | 1 |
word-spacing | تغییر در فاصله ی بین کلمات | normal length | 6 | 1 | 6 | 1 |
با آرزوی موفقیت و پیروزیِ شما همکلاسیِ عزیز
-----------------
سلام مهندس
اگه میشه چندتا مثال کاربردی بزن بچه ها سر زوق بیان
یادمه یکی از دوستان در مورد چگونگی حذف خطوط زیر متن، بعد از لینک کردن پرسید!
تا اونجایی که می دونم این کار در HTML ممکن نیست!
ولی با سی اس اس ممکنه:
text-decoration:none
====================================
در مورد این سه تا توضیح می خواستم:
overline
line-through
blink
====================================
برای FireFox همش رو یک زده!
ظاهرا این مرورگر اهمیت بیشتری برای W3.org قائله!
ممنونم!
موفق باشی!
سلام حمید جان.
http://www.w3schools.com/Css/tryit.asp?filename=trycss_text-decoration
در این جا تمامی مشخصه ها با مثال آمده اند. خط اول با استفاده از overline
خط دوم: line-through
خط سوم: underline
خط چهارم: blink
و خط پنجم: none
موفق باشید