صفت outline

صفت outline

توسط / CSS / پنج شنبه, 09 شهریور 1396 ساعت 10:30

در این آموزش قصد داریم صفت 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;
}

 نتیجه :

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

 

نویسنده

حسین منتظرتبریزی

حسین منتظرتبریزی

دانشجوی رشته ی نرم افزار علاقه مند به برنامه نویسی ،بازی سازی و طراحی سایت

نظر دادن

جهت شرکت در دوره  رایگان  7 اصل مدیریت مطلوب کسب و کار لطفا نام و ایمیل خود را وارد نمایید


ایران آکادمی را در شبکه های مجازی دنبال کنید:

کلیه حقوق مادی و معنوی این وب سایت متعلق به ایران آکادمی می‌باشد. قوانین این وب سایت، مبتنی بر قوانین جاری جمهوری اسلامی ایران است. © ۱۳۹۶

Please publish modules in offcanvas position.