Thuộc tính font thiết lập font cho thành phần, bao gồm font chữ, loại chữ, cỡ chữ, kiểu chữ, độ rộng chữ..., font-family, font-size, font-style, font-variant, font-weight.

Danh ngôn cuộc sống:

• Bài viết được đăng bởi: Mr. Phan Nhan
• Ngày cập nhật bài viết: 12/05/2016
• Tổng lược xem trang: 136 / 1 khách
• Đánh giá bởi người dùng:

Định nghĩa và sử dụng. Thuộc tính font thiết lập font cho thành phần, bao gồm font chữ, độ rộng, loại, ... Cấu trúc:

tag {
font: giá trị;
}

- Xác định giá trị font family cho chữ.

<html>
<head>
<style type="text/css">
p.fontArial {
font-family: Arial, Helvetica, sans-serif;
}
p.fontCourier {
font-family: "Courier New", Courier, monospace;
}
</style>
</head>

<body>
<p class="fontArial">font Arial</p>
<p class="fontCourier">font Courier</p>
</body>
</html>

- Xác định kích cỡ cho chữ.

- Xác định loại cho chữ.

<html>
<head>
<style type="text/css">
p.fontNormal {
font-style: normal;
}

p.fontItalic {
font-style: italic;
}

p.fontOblique {
font-style: oblique;
}
</style>
</head>

<body>
<p class="fontItalic">font style normal</p>
<p class="fontItalic">font style italic</p>
<p class="fontOblique">font style oblique</p>
</body>
</html>

- Chuyển đổi kiểu chữ (thường thành hoa).

<html>
<head>
<style type="text/css">
p.fontVariant {
font-variant: small-caps;
}
</style>
</head>

<body>
<p>font variant normal</p>
<p class="fontVariant">Font Variant Small Caps</p>
</body>
</html>

- Chuyển đổi kiểu chữ (thường thành chữ in đậm).

<html>
<head>
<style type="text/css">
p.fontWeightNormal {
font-weight: normal;
}

p.fontWeight600 {
font-weight: 600;
}

p.fontWeightBold {
font-weight: bold;
}
</style>
</head>

<body>
<p class="fontWeightNormal">font weight normal</p>
<p class="fontWeight600">font weight 600</p>
<p class="fontWeightBold">font weight bold</p>
</body>
</html>

HTML viết:

CSS viết:

p {
font-size: 150%;
}

Những bài viết được đăng mới nhất.

» Công cụ xóa dấu Tiếng việt