استایل‌ها
(تغییرمسیر از آموزش استایل اچ تی ام ال)
پرش به ناوبری
پرش به جستجو
مثال
ساخت نمونه مثال این بخش در دست اقدام است.
ویژگی استایل در HTML
تنظیم استایل یک عنصر HTML را می‌توان توسط ویژگی style انجام داد.[۱]
ویژگی style HTML دارای نحو (به انگلیسی: Syntax) زیر است:
<tagname style="property:value;">
خصوصیت (به انگلیسی: Property) یک خصوصیت CSS است. مقدار (به انگلیسی: value) یک مقدار CSS است.
در آینده در مورد CSS در این آموزش خواهید آموخت.
رنگ پیش زمینه
خصوصیت background-color CSS رنگ پیش زمینهٔ یک عنصر HTML را مشخص می‌کند.
این مثال رنگ پیش زمینه یک صفحه را برابر powderblue تنظیم می‌کند:
مثال
1 <body style="background-color:powderblue;">
2
3 <h1>This is a heading</h1>
4 <p>This is a paragraph.</p>
5
6 </body>
رنگ متن
خصوصیت color CSS رنگ متن برای یک عنصر HTML را مشخص می‌کند:
مثال
1 <h1 style="color:blue;">This is a heading</h1>
2 <p style="color:red;">This is a paragraph.</p>
خط ها
خصوصیت font-family CSS قلم مورد استفاده در یک عنصر HTML را نشان می‌دهد:
مثال
1 <h1 style="font-family:verdana;">This is a heading</h1>
2 <p style="font-family:courier;">This is a paragraph.</p>
اندازه متن
خصوصیت font-size CSS اندازه متن یک عنصر HTML را مشخص می‌کند:
مثال
1 <h1 style="font-size:300%;">This is a heading</h1>
2 <p style="font-size:160%;">This is a paragraph.</p>
محل قرارگیری (به انگلیسی: Alignment) متن
خصوصیت text-align CSS محل قرار گیری افقی متن را برای یک عنصر HTML مشخص می‌کند:
مثال
1 <h1 style="text-align:center;">Centered Heading</h1>
2 <p style="text-align:center;">Centered paragraph.</p>
خلاصه بخش
- از ویژگی
styleبرای استایل دهی (طراحی) عنصرهای HTML استفاده می‌شود
- از
background-colorبرای رنگ پیش زمینه استفاده می‌شود
- از
colorبرای رنگ متن‌ها استفاده می‌شود
- از
font-familyبرای نوع قلم متن استفاده می‌شود
- از
font-sizeبرای اندازه متن استفاده می‌شود
- از
text-alignبرای محل قرار گرفتن متن استفاده می‌شود
تمرین های HTML
ساخت نمونه مثال این بخش در دست اقدام است.
منابع آموزشی