css

صفت outline – آموزش CSS

در این آموزش قصد داریم صفت outline را به شما بیاموزیم. باما همراه باشید.


صفت outline شبیه به صفت border می باشد. توصیه میکنم اول صفت border را مطالعه بفرمایید. همان طور که صفت border برای قرار دادن خط دور یک عنصر بود ، صفت outline نیز برای خط کشی دور یک عنصر می باشد. ویژگی مثبت این صفت، این است که می تواند درکنار صفت border قرار گیرد. یعنی شما می توانید یک border با ویژگی های دل خواهتان به یک عنصر بدهید و همچنین یک border دیگر با استفاده از صفت outline دور border اول قرار دهید.

به مثال زیر توجه کنید:

نمونه

در جلوی این صفت چند ویژگی قرار می گیرد. اول رنگ خطوط را مشخص می کنید و بعد از آن نوع خط ها و در اخر عرض خط ها را مشخص می کنید. همچنین شما می توانید این صفات را جداگانه نیز بنویسید.

برا جدا نوشتن ویژگیها می توان، برای انتخاب رنگ از صفت outline-color ، برای انتخاب نوع خط از outline-style و برای عرض خط از outline-width استفاده کنید.

در HTML :

<div class="myclass">این متن جهت تست میباشد.</div>

در CSS :

.myclass{
border: 3px solid red;
outline-color: #00ff00;
outline-style: solid;
outline-width: 3px;
}

نتیجه :

این متن جهت تست می باشد.

Related Articles

پاسخ دهید

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

این مطلب را از دست ندهید!

Close
Close