صفحه اول >> دانستنی ها >>
آموزش تگ legend در HTML - راهنمای تعریف کپشن برای fieldset در html
با استفاده از تگ legend می توان یک عنوان یا کپشن برای عنصر fieldset تعریف کرد.
با استفاده از تگ legend می توان یک عنوان یا کپشن برای عنصر fieldset تعریف کرد.
مثال تگ legend در HTML
مثال 1: استفاده از تگ legend
<fieldset>
<legend>اطلاعات کاربر</legend>
نام: <input type="text" name="Name"><br>
فامیلی: <input type="text" name="Family"><br>
</fieldset>
<legend>اطلاعات کاربر</legend>
نام: <input type="text" name="Name"><br>
فامیلی: <input type="text" name="Family"><br>
</fieldset>
مثال 2: استایل دادن به تگ legend با استفاده از css
fieldset {
background-color: #eeeeee;
}
legend {
background-color: gray;
color: white;
padding: 5px 10px;
}
background-color: #eeeeee;
}
legend {
background-color: gray;
color: white;
padding: 5px 10px;
}
پشتیبانی مرورگرها
تگ legend در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
| مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
| پشتیبانی | بله | بله | بله | بله | بله |
ویژگی ها
| ویژگی | مقدار | توضیحات |
| align | top bottom left right |
شیوه ترازبندی عنوان را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود. |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <legend> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ <legend> را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
legend {
display: block;
padding-left: 2px;
padding-right: 2px;
border: none;
}
display: block;
padding-left: 2px;
padding-right: 2px;
border: none;
}
موضوع: آموزش HTML
نظرات نظرات تا اطلاع ثانوی غیر فعال است.