خانه » آموزش html و css » خصوصیت display در css
11 مهر 1400

خصوصیت display در css

خصوصیت display در css بسیار مهم و کاربردی است و برای لایه های طراحی صفحات وب استفاده فراوانی دارد. ویژگی display مشخص می کند که چگونه یک عنصر نمایش داده می شود. بسته به نوع عنصر، هر عنصر HTML دارای مقدار نمایش پیش فرض است. مقدار نمایش پیش فرض برای اکثر عناصر block یا inline است.

عنصر سطح BLOCK

یک عنصر در سطح block همیشه از یک خط جدید شروع می شود و عرض کامل موجود را می گیرد (تا آنجا که می تواند به چپ و راست کشیده می شود).

عنصر سطح Inline

یک عنصر inline در یک خط جدید شروع نمی شود و فقط به اندازه لازم عرض می گیرد. این یک عنصر <span> درون خطی در داخل یک پاراگراف است.

<!DOCTYPE html>
<html>
<head>
<style>
} li
;display: inline
{
</style>
</head>
<body>

<p>Display a list of links as a horizontal menu:</p>

<ul>
<li><a href=”/html/default.asp” target=”_blank”>HTML</a></li>
<li><a href=”/css/default.asp” target=”_blank”>CSS</a></li>
<li><a href=”/js/default.asp” target=”_blank”>JavaScript</a></li>
</ul>

</body>
</html>

خصوصیت Display: none

Display: none معمولاً برای جاوا اسکریپت برای پنهان کردن و نمایش عناصر بدون حذف آنها استفاده می شود. اگر می خواهید بدانید چگونه می توان به این مهم دست یافت.

امیدوارم مقاله خصوصیت display در css برای شما مفید بوده باشد و ما را در هم میهن همراهی کنید.

شهریار سلطانی

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

دیدگاهتان را بنویسید

preloader