---
title: HTML Хэв маягууд
description: ">  HTML`style` шинж чанар(attribute) нь  бүрэлдэхүүн хэсгийн өнгө, хэмжээ гэх мэт зүйлсийг өөрчлөхөд ашиглагдана. Би бол улаан   Би бол цэнхэр ## Би бол том ## HTML хэв маягын шинж чанар(style attribute) HTML-ийн хэв маягыг `style` шинж чанараар хийдэг. HTML `style` шинж чанар нь дараах…"
url: "https://apprentice.mn/docs/html-styles/"
updated: "2021-07-06"
category: HTML
---

# HTML Хэв маягууд

>  HTML`style` шинж чанар(attribute) нь  бүрэлдэхүүн хэсгийн өнгө, хэмжээ гэх мэт зүйлсийг өөрчлөхөд ашиглагдана.

              Би бол улаан  

Би бол цэнхэр

## Би бол том

## HTML хэв маягын шинж чанар(style attribute)

HTML-ийн хэв маягыг `style` шинж чанараар хийдэг.

HTML `style` шинж чанар нь дараах синтакстай(syntax)

     `<tagname style="property:value;">`

***property*** бол тодруулга буюу яг ямар үйлдэл. **v*****alue*** бол утга.

## Дэвсгэр өнгө(background color)

CSS-ийн `background-color` шинж чанар нь HTML-ийн хэсэгийн дэвсгэр өнгийг солиход ашиглагдан.

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

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

</body>`

2 өөр хэсэгийн дэвсгэр өнгийг солих нь:

     `<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>`

## Текстийн өнгө

CSS `color` нь HTML хэсэгүүдийн текстийн өнгийг солино.

     `<h1 style="color:blue;">ЭНэ бол гарчигg</h1>
<p style="color:red;">Энэ бол догол мөр.</p>`

## Үсгийн хэв(Fonts)

CSS `font-family` нь HTML хэсгүүдийн үсгийн хэвийг солиход ашиглагдана

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

## Текстийн хэмжээ

VSS `font-size` нь текстийн үсгийн хэмжээг тохируулдаг

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

## Текстийн байршил

CSS `text-align` шинж чанар нь HTML хэсгүүдийн текстийн байршлыг тохируулдаг:

     `<h1 style="text-align:center;">Гололсон гарчиг</h1>
<p style="text-align:center;">Гололсон гарчиг.</p>`

## Бүлгийн хураангуй

- `style`шинж чанарыг HTML-ийн хэв маягыг өөрчлөхөд
- `background-color` -ийг дэвсгэр өнгө солиход
- `color`текстйн өнгө солиход
- `font-family` текстийн хэвийг тохируулахад
- `font-size` текстийн хэмжээг тохируулахад
- `text-align`текстийн байршилыг тохируулахад

               [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-styles%2F&linkname=HTML%20%D0%A5%D1%8D%D0%B2%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-styles%2F&linkname=HTML%20%D0%A5%D1%8D%D0%B2%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%83%D1%83%D0%B4)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-styles%2F&linkname=HTML%20%D0%A5%D1%8D%D0%B2%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-styles%2F&linkname=HTML%20%D0%A5%D1%8D%D0%B2%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%83%D1%83%D0%B4)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-styles%2F&linkname=HTML%20%D0%A5%D1%8D%D0%B2%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-styles%2F&linkname=HTML%20%D0%A5%D1%8D%D0%B2%20%D0%BC%D0%B0%D1%8F%D0%B3%D1%83%D1%83%D0%B4)[https://www.addtoany.com/share](https://www.addtoany.com/share)