Thuộc Tính Font | CSS | Học Web Chuẩn

Thuộc tính font
  • Trang chủ
  • Tham khảo
  • CSS
  • Thuộc tính font

Đị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, ...

Cấu trúc

tag { font: giá trị; }

Với giá trị như sau:

Thuộc tính giá trị Ví dụ Mô tả
font-family giá trị font font-family: Arial, Helvetica, sans-serif; Xác định giá trị font family cho chữ.
font-size Kích cỡ font-size: 120%; Xác định kích cỡ của chữ, đơn vị có thể là px, em, %, ...
font-size-adjust Chỉ Firefox hỗ trợ thuộc tính này, nên ít được dùng tới.
font-stretch Hiện tại các trình duyệt không hỗ trợ thuộc tính này.
font-style normal italic oblique font-style: italic; Xác định loại chữ.
font-variant normal small-caps inherit font-variant: small-caps; Chuyển đổi kiểu chữ (thường thành hoa).
font-weight bold normal Giá trị font-weight: bold; Hiển thị chữ đậm hay thường.

Ví dụ

Xem thêm ví dụ

HTML viết:

<html> <head></head> <body> <p>HỌC WEB CHUẨN</p> </body> </html>

Hiển thị trình duyệt khi chưa có CSS:

HỌC WEB CHUẨN

CSS viết:

p { font-size: 150%; }

Hiển thị trình duyệt khi có CSS:

HỌC WEB CHUẨN

Trình duyệt hỗ trợ

  • Internet Explorer
  • Firefox
  • Opera
  • Google Chrome
  • Safari

Thuộc tính font được hỗ trợ trong đa số các trình duyệt.

Giá trị "inherit" không hỗ trợ trình duyệt IE7 trở xuống, IE8 đòi hỏi phải có !Doctype

Link liên quan

  • HTML/XHTML
  • CSS
  • Đơn vị
  • class
  • <html></html>
  • <head></head>
  • <body></body>
  • <p></p>

float

height

CSS

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

Thuộc tính CSS

  • background
  • border
  • border-collapse
  • border-spacing
  • bottom
  • caption-side
  • clear
  • clip
  • color
  • content
  • counter-increment
  • counter-reset
  • cursor
  • direction
  • display
  • empty-cells
  • float
  • font
  • height
  • left
  • letter-spacing
  • line-height
  • list-style
  • margin
  • max-height
  • max-width
  • min-height
  • min-width
  • outline
  • overflow
  • padding
  • page-break-after
  • page-break-before
  • page-break-inside
  • position
  • quotes
  • right
  • table-layout
  • text-align
  • text-decoration
  • text-indent
  • text-transform
  • top
  • vertical-align
  • visibility
  • white-space
  • width
  • word-spacing
  • z-index

Tham khảo CSS

  • CSS - Tham khảo
  • CSS - Bộ chọn (selectors)
  • CSS - Thuộc tính
  • CSS3 - Tham khảo
  • CSS3 - Bộ chọn (selectors)
  • CSS3 - Thuộc tính
  • Xem thêm ví dụ về CSS

Tham khảo HTML/XHTML

  • Tham khảo HTML/XHTML
  • Tag theo function
  • Tag theo giá trị DTD
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Xem thêm ví dụ về HTML

Tham khảo JQUERY

  • jQuery - Tham khảo
  • jQuery - Cài đặt và sử dụng
  • jQuery - Bộ chọn (selectors)
  • jQuery - Hàm (function)
  • jQuery - Ajax

Tham khảo Thêm

  • Lang codes
  • Font chữ
  • Mã ký tự
  • MIME
  • Đơn vị trong HTML & CSS
  • Giá trị màu trong HTML & CSS
  • Thuộc tính tổng quát

CHUYÊN ĐỀ

  • Chuyên đề
  • Chuyên đề HTML/CSS
  • Chuyên đề HTML5/CSS3
  • Chuyên đề jQuery/JS
  • jQuery/JS plugin

Góp ý - Liên hệ

  • CÔNG CỤ TẠO CSS3CSS3 GENERATOR
  • BỘ CÔNG CỤGENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢWEB TOOLS
  • CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAYWEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Từ khóa » Font Chữ Css