Đơn Vị đo Trong CSS - Học Css Cơ Bản đến Nâng Cao - VietTuts

Trang chủ » đơn Vị đo Của Css » Đơn Vị đo Trong CSS - Học Css Cơ Bản đến Nâng Cao - VietTuts

Có thể bạn quan tâm

CSS Tuts

CSS là gì? Cú pháp CSS Bộ chọn CSS Liên kết css với html Đơn vị đo trong CSS Mã màu trong CSS Comment trong CSS

CSS Các thuộc tính

CSS Background CSS Border Font trong CSS Định dạng văn bản (Text) trong CSS Image trong CSS Link trong CSS Bảng trong CSS Căn lề trong CSS List trong CSS Thuộc tính padding trong CSS Con trỏ trong CSS Thuộc tính outline trong CSS Kích cỡ trong CSS Scrollbar trong CSS Thuộc tính visibility trong CSS Căn chỉnh vị trí trong CSS Thuộc tính z-index trong CSS Pseudo Class trong CSS Pseudo Element trong CSS Các quy tắc trong CSS Kiểu Media trong CSS Layout trong CSS Validation trong CSS

CSS nâng cao

Giới thiệu CSS3 Bo tròn góc trong CSS Border Image trong CSS Liên kết css với html Mã màu trong CSS

Đơn vị đo trong CSS bao gồm các đơn vị tuyệt đối như inch, centimet, point, v.v ... cũng như các đơn vị đo tương đối như phần trăm và đơn vị em. Bạn cần những giá trị này để chỉ định các đơn vị đo khác nhau trong CSS, ví dụ border = "1px solid red" .

Bảng dưới đây liệt kê tất cả các đơn vị đo lường CSS cùng với các ví dụ:

Đơn vị Mô tả Thí dụ
% Xác định một đơn vị đo theo phần trăm liên quan đến một giá trị khác, thường là một phần tử bao quanh. p {font-size: 16pt; line-height: 125%;}
cm Xác định một đơn vị đo bằng cm. div {margin-bottom: 2cm;}
em Một thước đo tương đối cho chiều cao của một phông chữ trong không gian em. Bởi vì một đơn vị em tương đương với kích thước của một phông chữ nhất định, nếu bạn chỉ định một phông chữ cho 12pt, mỗi "em" đơn vị sẽ là 12pt; Do đó, 2em sẽ là 24pt. p {letter-spacing: 7em;}
ex Giá trị này định nghĩa một đơn vị đo tương ứng với chiều cao x của phông chữ. Chiều cao x được xác định bởi chiều cao của chữ hoa chữ thường x. p {font-size: 24pt; line-height: 3ex;}
in Xác định một đơn vị đo bằng inch. p {word-spacing: .15in;}
mm Định nghĩa đơn vị đo bằng milimet. p (word-spacing: 15mm;}
pc Xác định một đơn vị đo trong picas. Một pica tương đương với 12 điểm; Do đó, có 6 picas mỗi inch. p {font-size: 20pc;}
pt Định nghĩa đơn vị đo theo điểm. Một điểm được định nghĩa là 1/72 của một inch. body {font-size: 18pt;}
px Định nghĩa đơn vị đo trong các điểm ảnh trên màn hình. p (padding: 25px;}
vh 1% chiều cao của khung nhìn. h2 {font-size: 3.0vh; }
vw 1% chiều rộng khung nhìn h1 {font-size: 5.9vw; }
vmin 1vw hoặc 1vh, tùy theo số nào nhỏ hơn p {font-size: 2vmin;}
Liên kết css với html Mã màu trong CSS

Recent Updates

Border Image trong CSSBo tròn góc trong CSSGiới thiệu CSS3Layout trong CSSCác quy tắc trong CSSPseudo Element trong CSSPseudo Class trong CSSThuộc tính z-index trong CSSCăn chỉnh vị trí trong CSSThuộc tính visibility trong CSSScrollbar trong CSSKích cỡ trong CSSSắp Tết 2024 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2024?

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring Học Excel | Excel VBA Học Servlet | JSP | Struts2 Học C | C++ | C# Học Python Học SQL

Bài Tập Có Lời Giải

Bài tập Java Bài tập C Bài tập C++ Bài tập C# Bài tập Python Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java 25 câu hỏi phỏng vấn servlet 75 câu hỏi phỏng vấn jsp 52 câu hỏi phỏng vấn Hibernate 70 câu hỏi phỏng vấn Spring 57 câu hỏi phỏng vấn SQL

Từ khóa » đơn Vị đo Của Css