Thuộc Tính Font | CSS | Học Web Chuẩn
Có thể bạn quan tâm
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ợ
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
Từ khóa » Font Chữ Css
-
Các Thuộc Tính định Dạng FONT CHỮ Trong CSS - Web Cơ Bản
-
Bài 13: Phông Chữ Trong CSS (CSS Fonts) | Tìm ở đây
-
Thuộc Tính Font-size Font-style Font-weight Font-variant
-
Học CSS - Trang Trí Font Chữ Cho Văn Bản - Thạch Phạm
-
W3.CSS Fonts - W3Schools
-
CSS: Fonts
-
Tổng Hợp Một Số Font Css đẹp Cho Thiết Kế Web - Gists · GitHub
-
Font Trong CSS - Comdy
-
Phông Chữ CSS - CodeHub
-
Gợi ý 10 Font Chữ Cho Website đẹp Nhất 2021 & Lưu ý Khi Chọn
-
Font-family - CSS: Cascading Style Sheets | MDN - Mozilla
-
Sử Dụng Font Trong CSS | Lê Vũ Nguyên Dạy Học Lập Trình
-
Các Thuộc Tính Tác động Vào Font Chữ Trong CSS