آخرین ارسال ها

مضرات دانشگاه.لطفا نظر بدید ..:||:.. کیا هنوز سر میزنن اینجا؟ ..:||:.. ثبت خاطرات اولین حضور در چت روم یاران منتظر ..:||:.. بعد از چهار سال سلام ..:||:.. «خانواده‌ای به وسعت ایران؛ چهاردهمین سالگرد انجمن یاران منتظر مبارک» ..:||:.. نبرد موعود در راه است ..:||:.. ترور و اغتشاشات به روایتی دیگر ..:||:.. لیست برنامه ختم قرآن یاران منتظر ..:||:.. ◄اصطلاحات انگلیسی + تصویر► ..:||:.. برای شادی روح دخترم صلوات ..:||:..

نوار پیام ها

( سینا : یاران! شتاب کنید ، قافله در راه است . می گویند که گناهکاران را نمی پذیرند ؟ آری ، گناهکاران را در این قافله راهی نیست ... اما پشیمانان را می پذیرند )

( یسنا : ▪️خــداحافظ مُــــحَرَّم ? نمى دانم سال دیگر دوباره تو را خواهم دید یا نه؟!... ?اما اگر وزیدى و از سَرِ کوى من گذشتى، سلامَم را به اربابم برسان... ◾️ بگو همیشه برایَت مشکى به تَن مى کرد و دوست داشت نامَش با نام تو عجین شود!... ◾️بگو گرچه جوانى مى کرد، اما به سَرِ سوزنى ارادتش هم که شده، تو را از تَهِ دل دوست داشت... ◼️با چاى روضه تو و نذری ات، صفا مى کرد و سَرَش درد مى کرد براى نوکرى... ? مُحَرَّم جان؛ تو را به خدا مى سپارم... و دلم شور مى زند براى \"صَفر\"ى که دارد از \"سَفَر\" مى رسد... # )

( سینا : حضرت فاطمه زهرا (سلام الله علیها): «ما جَعَلَ اللّه ُ بَعدَ غَدیرِخُمٍّ مِن حُجَّةٍ و لاعُذرٍ؛ خداوند پس از غدیرخم برای کسی حجّت و عذری باقی نگذاشت.» «دلائل الإمامَه، ص 122» )

( فاطمه 1 : ای روح دو صد مسیح محتاج دَمَت زهرایی و خورشید غبار قدمت کی گفته که تو حرم نداری بانو؟ ای وسعت دل‌های شکسته، حَرَمت. (شهادت حضرت زهرا تسلیت باد) )

( programmer : امام علی (ع):مردم سه گروهند: (1) دانشمندی خدایی، (2) دانش آموزی بر راه رستگاری (3) و پشه های دستخوش باد و طوفان و همیشه سرگردان، که از پی هر جنبنده و هر صدا می روند، و با وزش هر بادی، حرکت می کنند، نه از پرتو دانش، روشنی یافتند، و نه به پناهگاه استواری پناه گرفتند. )

( programmer : امام علی ع : عاقل ترین مردم کسی است که عواقب کار را بیشتر بنگرد. )

( programmer : امام علی (ع):دعوت کننده ای که فاقد عمل باشد مانند تیر اندازی است که کمان او زه ندارد. )

( programmer : امام علی(ع): در فتنه ها همچون بچه شتر باش که نه پشت دارد تا بر آن سوار شوند و نه پستانی که از آن شیر بدوشند )

( سینا : هزارها سال از هبوط آدم بر سیاره‌ی زمین گذشته است و هنوز نبرد فی ما بین حق و باطل بر پهنه‌ی خاك جریان دارد، اگرچه دیگر دیری است كه شب دیجور ظلم از نیمه گذشته است و فجر اول سر رسیده و صبح نزدیك است. )

( programmer : فتنه مثل یک مه غلیظ، فضا را نامشخص میکند؛ چراغ مه‌شکن لازم است که همان بصیرت است....(مقام معظم رهبری) )

( سینا : یاران! شتاب كنید ، قافله در راه است . می گویند كه گناهكاران را نمی پذیرند ؟ آری ، گناهكاران را در این قافله راهی نیست ... اما پشیمانان را می پذیرند )

( سینا : برای حفظ سلامتی، این دعا را هر صبح و شب بخوانید: اللَّهُمَّ صَلِّ عَلَى مُحَمَّدٍ وَ آلِ مُحَمَّدٍ**اللَّهُمَّ اجْعَلْنِي فِي دِرْعِكَ الْحَصِينَةِ الَّتِي تَجْعَلُ فِيهَا مَنْ تُرِيدُ. (سه ‌مرتبه) خداوندا، مرا در زره نگهدارنده و قوی خود _ که هر کس را بخواهی در آن قرار می‌دهی _ قرار بده! )

( فاطمه 1 : ای بهترین بهانه خلقت ظهور کن صحن نگاه چشم مرا پر ز نور کن +++ چشمم به راه ماند بیا و شبی از این پس‌کوچه‌های خاکی قلبم عبور کن +++ آقا بیا و با قدمی گرم و مهربان قلب خراب و سرد مرا گرم شور کن )

( سینا : دود می خیزد ز خلوتگاه من کس خبر کی یابد از ویرانه ام ؟ با درون سوخته دارم سخن کی به پایان می رسد افسانه ام ؟ )

مدیریت پیام ها

اگر این اولین بازدید شما از انجمن یاران منتظراست ، میبایست برای استفاده از کلیه امکانات انجمن عضو شوید و یا اگر عضو انجمن می باشید وارد شوید .

انجمن یاران منتظر » آموزش برنامه نویسی » css » :: آموزش CSS، جلسه چهاردهم:: (css border)

:: آموزش CSS، جلسه چهاردهم:: (css border)

آموزش css جلسه چهاردهم css border خصوصیات مربوط به border (حاشیه) ها به شما امکان تعیین حالت border، رنگ آن و اندازه آن را می دهد. border style مشخصه border-style معین می کند چه نوع حاشیه ای نمایش داده شود. در زیر مقادیر مشخصه border-style را مشاهده می کنید: none: حاشیه ای را معین نمی کند. dotted: حاشیه ی نقطه چین معین می کند. solid: حاشیه ای ساده معین می کند. double: دو حاشیه را معین می کند. عرض حاشیه ها با ارزش border-width برابر است. groove: حاشیه ی سه بعدی شیاردار (حالت گودی)
:: Hl,ca CSST [gsi ]ihvnil:: (css border)

امکان افزودن پاسخ به این موضوع وجود ندارد امکان افزودن موضوع در این بخش وجود ندارد

ابزار های موضوع

اطلاعات نویسنده

جمعه ۱ اسفند ۱۳۹۳ ۰۷:۲۶ بعد از ظهر

سپیده 313

بانو

شماره عضویت : 325

حالت :

ارسال ها : 420

محل سکونت : : ایران/رشت

جنسیت :

تعداد بازدیدکنندگان : 238

دعوت شدگان : 1

اعتبار کاربر : 6883

پسند ها : 396

حالت من :

تصویر مورد علاقه من : images/mms/yaran (26).jpg

تشکر شده : 694

مدال ها:4

مدال پشتکار

کاربران برتر

مدال 2 سالگی عضویت

مدال تخصص

آموزش css جلسه چهاردهم

css border
خصوصیات مربوط به border (حاشیه) ها به شما امکان تعیین حالت border، رنگ آن و اندازه آن را می دهد.

border style
مشخصه border-style معین می کند چه نوع حاشیه ای نمایش داده شود.

در زیر مقادیر مشخصه border-style را مشاهده می کنید:

none: حاشیه ای را معین نمی کند.

dotted: حاشیه ی نقطه چین معین می کند.

solid: حاشیه ای ساده معین می کند.

double: دو حاشیه را معین می کند. عرض حاشیه ها با ارزش border-width برابر است.

groove: حاشیه ی سه بعدی شیاردار (حالت گودی) معین می کند. تاثیر بستگی به ارزش border-color دارد.

ridge: حاشیه ای سه بعدی و برآمده معین می کند. تاثیر بستگی به ارزش border-color دارد.

inset: حاشیه سه بعدی درون رفته را معین می کند. تاثیر بستگی به ارزش border-color دارد.

outset: حاشیه سه بعدی برون آمده معین می کند. تاثیر بستگی به ارزش border-color دارد.

border width
مشخصه border-width اندازه ضخامت border (حاشیه) را تعیین می کند.
مقادیر مشخصۀ border-width به دوصورت است:
یا از مقادیر پیکسل استفاده می کنیم
و یا از سه مقدار thin (نازک) ، medium (متوسط) ، thick (ضخیم)

نکته: صفت border-width به تنهایی کار نمی کند، شما باید ابتدا border-style را تعیین کرده باشید.

<html>
<head>
<style>
p.one {
    border-style: solid;
    border-width: 7px;
}

p.two {
    border-style: solid;
    border-width: medium;
}

p.three {
    border-style: solid;
    border-width: 1px;
}
</style>
</head>
<body>

<p class="one">Some text.</p>
<p class="two">Some text.</p>
<p class="three">Some text.</p>
<p><b>Note:</b> The "border-width" property does not work if it is used alone. You must add the "border-style" property to set the borders first.</p>

</body>
</html>

border color
مشخصه border-color برای تعیین رنگ border استفاده می شود.
رنگ موردنظر با سه روش انتخاب می شود:
نام رنگ مانند "green"
استفاده از مقدار RGB مانند "(rgb(255,0,0"
استفاده از مقادیر هگزادسیمال مانند "0000ff#"

نکته: صفت border-color به تنهایی کار نمی کند، شما باید ابتدا border-style را تعیین کرده باشید.

<html>
<head>
<style>
p.one {
    border-style: dotted;
    border-color: blue;
}

p.two {
    border-style: solid;
    border-color: #98bf21;
}
</style>
</head>
<body>

<p class="one">A dotted blue border</p>
<p class="two">A solid green border</p>
<p><b>Note:</b> The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>

</body>
</html>

Border - Individual sides

در css این امکان وجود دارد که از border های مختلف در هر کدام از اطراف border ها استفاده کنید.

<html>
<head>
<style>
p {
    border-top-style: dotted;
    border-right-style: solid;
    border-bottom-style: dotted;
    border-left-style: solid;
}
</style>
</head>
<body>

<p>2 different border styles.
one style is solid and another one is dotted</p>

</body>
</html>

   border-top-style: حالت حاشیه ی بالای border
   border-right-style: حالت حاشیه ی سمت راست border
   border-bottom-style: حالت حاشیه ی پایین border
   border-left-style: حالت حاشیه ی سمت چپ border

مثال بالا می تواند در یک مشخصه border-style به تنهایی نیز قرار بگیرد؛ و تنها با یک خط می توان حالت های بالا را بر روی border اعمال نمود.

<html>
<head>
<style>
p {
border-style: dotted solid;
}
</style>
</head>
<body>

<p>2 different border styles.</p>
one style is solid and another one is dotted
</body>
</html>

حالت های دیگر border نظیر groove, ridge, inset, outset, double را نیز با جایگذاری آزمایش کنید و نتیجه را ببینید.

آزمایش کدها
http://html.l1l.ir/

بهتره که توی سیستمون نرم افزار dreamweaver را نصب کنید و از اونجا اجرا کنید تا همه چیز خوب دستتون بیاد