KNToosi.in - همکلاســــی

وبلاگ گروهی دانشجویان ِ دانشگاه صنعتی خواجه نصیرالدین طوسی

KNToosi.in - همکلاســــی

وبلاگ گروهی دانشجویان ِ دانشگاه صنعتی خواجه نصیرالدین طوسی

آموزش CSS | مشخصه ها یا property | جلسه چهارم

CSS

 

 

سلام. عذر خواهی میکنم به دلیل تاخیر!! در این جلسه مشخصه هایی که میتونیم در CSS برای یک کلاس و یا آی دی تعریف کنیم رو معرفی میکنیم.

 

در جدول زیر اعدادی که زیرِ حروفِ تعریف شده آمده اند، بیانگر حداقل نسخه ی آن مرورگر  برای پشتیبانی از این ویژگی است.


IE = Internet Explorer


F = FireFox


N = Net Scape



عددی که در ستونِ CSS قرار دارد بیانگر این است که ویژگیی که در آن ردیف قرار دارد در CSS1 و یا CSS2 تعریف شده است.


تعریف ویژگی های زمینه:



مشخصهتوضیحمقادیر قابل تعریفIEFNCSS
backgroundقابل استفاده برای تعریف کلیه مشخصات پشت زمینه از جمله رنگ، و .... (مشخصه های قابل تعریف در جدول روبرو آورده شده)background-color
background-image
background-repeat background-attachment background-position
4161
background-attachmentمیتوان تصویری را در زمینه تعریف کرد و اینکه این تصویر به همراه اسکرولرِ کاربر جابجا شود و یا ثابت بماند.scroll
fixed
4161
background-colorتعریف رنگ زمینه ی یک کلاس و یا تگی مورد نظرcolor-rgb
color-hex
color-name
transparent
4141
background-imageقرار دادن یک تصویر و یا عکس برای پشت زمینه ی یک عنصر (منظور همان بخشی است که در حال تعریف کلاس یا آی دی آن هستیم)url(URL)
none
4141
background-positionمشخص کردن اینکه تصویر زمینه از کجا شروع شود. بالا؟ پایین؟ گوشه چپ؟ و ...top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
4161
background-repeatتعریف اینکه آیا و چگونه تصویر زمینه تکرار شود.(به عنوان مثال در راستای محور x ویا y همچنین اینکه تکرار نشود)repeat
repeat-x
repeat-y
no-repeat
4141


تعریف ویژگی های مربوط به متن:




مشخصهتوضیحمقادیر قابل تعریفIEFNCSS
colorتعریفِ رنگِ متنcolor3141
directionتعریفِ جهتِ کلیِ متن(از چپ به راست یا از راست به چپ)ltr
rtl
6162
line-heightتعیینِ فاصله ی بین خطوط در متنnormal
number
length
%
4141
letter-spacingتغییرِ فاصله بین حروفnormal
length
4161
text-alignتعیین جهتِ چینشِ متن در یک عنصر ( چپ چین، راست چین، وسط چین و ..)left
right
center
justify
4141
text-decorationتعیین حالتِ چیدمان متن (چشمک زن، با زیرخط و ...)none
underline
overline
line-through
blink
4141
text-indentایجاد تو رفتگی برای اولین خطِ متنlength
%
4141
text-shadow none
color
length
    
text-transformکنترل حروف متن( در زبان انگلیسی برای استفاده از حروف بزرگ و .. )none
capitalize
uppercase
lowercase
4141
unicode-bidi normal
embed
bidi-override
5  2
white-spaceتغییر در وضعیت فضاهای سفیدِ بین کلمات.( به عنوان مثال اگر از ویژگیِ nowrap استفاده کنید و متن اصلی شما به این صورت باشد "سلام            ایران"، متن شما در مرورگر اینگونه نمایش داده خواهد شد: "سلام ایران"normal
pre
nowrap
5141
word-spacingتغییر در فاصله ی بین کلماتnormal
length
6161



با آرزوی موفقیت و پیروزیِ شما همکلاسیِ عزیز


-----------------


لیست جلسات 

 

کلیک کنید 

نظرات 4 + ارسال نظر
مرتضی قاسم پور، IT سه‌شنبه 21 آبان 1387 ساعت 23:01

سلام مهندس
اگه میشه چندتا مثال کاربردی بزن بچه ها سر زوق بیان

محمد رشیدی | IT چهارشنبه 22 آبان 1387 ساعت 00:01 http://www.ksna.ir

سلام استاد قاسم پور. چشم. مثالها به صورتِ عکس باشند؟ یا متنشو بنویسم توی پست؟ منظورم تصویری باشه از نمونه کار روی سیستم خودم یا همینجا به صورتِ زنده؟

حمید توکلی، فناوری اطلاعات چهارشنبه 22 آبان 1387 ساعت 02:16 http://Kntu.BlogSky.Com

یادمه یکی از دوستان در مورد چگونگی حذف خطوط زیر متن، بعد از لینک کردن پرسید!

تا اونجایی که می دونم این کار در HTML ممکن نیست!

ولی با سی اس اس ممکنه:
text-decoration:none

====================================

در مورد این سه تا توضیح می خواستم:

overline
line-through
blink

====================================

برای FireFox همش رو یک زده!
ظاهرا این مرورگر اهمیت بیشتری برای W3.org قائله!

ممنونم!
موفق باشی!

محمد رشیدی | IT چهارشنبه 22 آبان 1387 ساعت 10:28 http://www.ksna.ir

سلام حمید جان.

http://www.w3schools.com/Css/tryit.asp?filename=trycss_text-decoration

در این جا تمامی مشخصه ها با مثال آمده اند. خط اول با استفاده از overline
خط دوم: line-through
خط سوم: underline
خط چهارم: blink
و خط پنجم: none


موفق باشید

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد