ویژگی style برای ظاهر سریع عناصر
ویژگی style به شما اجازه میدهد مستقیماً روی یک عنصر خاص، دستورهای CSS بنویسید و ظاهر آن را بدون نیاز به فایل استایل جداگانه تغییر دهید. این روش برای تست سریع یا تغییرات کوچک مفید است.
inline-style.html
<p style="color:blue; text-align:center;">این پاراگراف آبی و وسطچین است.</p>
چند نمونهی رایج
background-color— تعیین رنگ پسزمینهی عنصر.color— تعیین رنگ متن.font-size— تعیین اندازهی فونت.font-family— تعیین نوع قلم استفادهشده.text-align— تعیین چیدمان متن (چپ، راست، وسط).
inline-style-2.html
<h1 style="background-color:#04AA6D; color:white; padding:10px;">یک تیتر رنگی</h1>
نکته: استفادهی زیاد از ویژگی
style در پروژههای واقعی توصیه نمیشود؛ چون نگهداری و تغییر ظاهر صفحه را سخت میکند. راه بهتر، نوشتن استایلها در یک فایل CSS جداگانه است.استایل درونخطی بیشتر برای یادگیری سریع، تست موقت یا موارد بسیار خاص کاربرد دارد. در پروژههای حرفهای معمولاً از یک فایل .css مجزا استفاده میشود تا ساختار (HTML) و ظاهر (CSS) از هم جدا بمانند.