Computer >> Máy Tính >  >> Lập trình >> CSS

Kiểu phông chữ trong CSS

Thuộc tính kiểu phông chữ CSS được sử dụng để chỉ định kiểu bình thường, kiểu nghiêng hoặc kiểu xiên cho văn bản của phần tử.

Cú pháp

Cú pháp của thuộc tính kiểu phông chữ CSS như sau -

Selector {
   font-style: /*value*/
}

Ví dụ

Các ví dụ sau minh họa thuộc tính kiểu phông chữ CSS -

<!DOCTYPE html>
<html>
<head>
<style>
h2 {
   font-style: italic;
   background-color: steelblue;
   color: white;
}
p {
   font-style: oblique 10deg;
}
</style>
</head>
<body>
<h2>Fortran Tutorial for Beginners</h2>
<p>Fortran, as derived from Formula Translating System, is a general-purpose, imperative programming language.</p>
<p>It is used for numeric and scientific computing.</p>
</body>
</html>

Đầu ra

Điều này cho kết quả sau -

Kiểu phông chữ trong CSS

Ví dụ

<!DOCTYPE html>
<html>
<head>
<style>
h3 {
   font-style: italic;
   background-color: mediumpurple;
   color: white;
   text-align: center;
}
li {
   font-family: "Comic Sans MS", cursive;
   font-style: oblique 5deg;
}
</style>
</head>
<body>
<h3>Developers Best Practices Tutorial</h3>
<ul>
<li>Documentation is the key</li>
<li>Follow the standards</li>
<li>Write to be Reviewed</li>
</ul>
</body>
</html>

Đầu ra

Điều này cho kết quả sau -

Kiểu phông chữ trong CSS