استایل در html (HTML Styles)

استایل در html (HTML Styles)

زمان مطالعه

5 دقیقه

تعداد بازدید

80

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :

نکات html

اشتراک گذاری این مطلب
بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

استایل در html (HTML Styles)

استایل در html (HTML Styles)

زمان مطالعه

5 دقیقه

تعداد بازدید

80

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :

نکات html

اشتراک گذاری این مطلب

با استفاده از خصوصیت (ویژگی) استایل در html می توانید ظاهر، سایز، فونت و ... یک تگ را تغییر دهید. به مثال توجه کنید

<p>I am normal</p>
<p style="color:red;">I am red</p>
<p style="color:blue;">I am blue</p>
<p style="font-size:50px;">I am big</p>

استایل در html

تنظیم حالتهای گفته شده مثل رنگ و ... یک تگ می تواند با خصوصیت style اعمال شود در مثال زیر property یک ویژگی مثل color است و value مقدار ویژگی رو مشخص میکنه.

<tagname style="property:value;">

رنگ پس زمینه در html

با خصوصیت background-color می توانید رنگ پس زمینه هر تگی را تعیین کنید. به مثال زیر توجه کنید

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

رنگ پس زمینه در html

رنگ متن تگ در html

با استفاده از خصوصیت (پراپرتی) color می توانید رنگ محتوای یک تگ را تغییر دهید

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

فونت در html

خصوصیت font-family به شما این امکان را می دهد که فونت مورد دلخواه خود را به تگ مورد نظر اعمال کنید.

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

تغییر سایز متن (Text Size)

font-size اندازه فونت فعلی تگ را مشخص می کنید و می تواند به صورت درصدی یا پیکسلی اعمال شود.

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

تراز دهی متن (Text Alignment)

پراپرتی text-align ترازبندی به صورت افقی را مشخص می کند و ورودی های right، left، center و.... می گیرد

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

پرسش و پاسخ
0
دوره پیشنهادی
دوره پیشنهادی