آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
حاشیه بیرونی یا Outline در CSS3

حاشیه بیرونی یا Outline در CSS3
سلام. امروز با یک آموزش جدید از سی اس اس ۳ اومدم. حاشیه بیرونی یا Outline خاصیتی است که در سی اس اس ۳ ارائه شده است. در واقع بسیار شبیه به Border میباشد با تفاوت اینکه اولا بیرون بوردر قرار میگیره و ثانیا تغییری در مکان و موقعیت عناصر دیگه ایجاد نمیکنه.
خوب کد بسیار ساده هست و بسیار شبیه به بوردر، حالت کلی کد به صورت زیر است که ما برای کلاس mydesign آنرا تعریف میکنیم:

.mydesign {
	Outline:5px solid #000000;
}

کد بالا در واقع برای mydesign یک حاشیه خارجی ساده به عرض ۵ پیکسل و رنگ مشکی تعریف کرده است. برای مثال شما میتوانید هم از border و هم از outline استفاده کنید، مثلا بوردر ساده سفید به عرض ۴ پیکسل و اوتلاین ساده مشکی به عرض ۶ پیکسل:

.mydesign {
	Outline:6px solid #000000;
	Border:4px solid #FFFFFF;
}

به همین سادگی!

پاسخ دهید

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

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
ایجاد سایه درونی با استفاده از CSS
قالب سایت آی آر بنر برای وردپرس
آموزش قرار دادن تصویر کنار نتایج جستجوی گوگل
فایل آماده HTML و CSS دکمه های وب
تغییر رنگ به کمک ترفند ساده فتوشاپ (سینمایی)
پخش صدا با استفاده تگ audio در html5