Video: How to make a border in html notepad 2025
Với các thuộc tính của hộp, bạn có thể định vị các đối tượng theo kiểu bất cứ nơi nào trong một cửa sổ trình duyệt, đặt đối tượng liên quan đến các đối tượng khác trên trang và áp dụng padding và lề luật theo phong cách lựa chọn cho bất kỳ hoặc tất cả bốn bên của đối tượng theo kiểu, chẳng hạn như trái và dưới cùng hoặc trên cùng, trái, và phải.
Khi tạo kiểu ít hơn cả bốn cạnh, hãy nhớ thêm 0 giá trị vào các cạnh không chứa giá trị, thay vì để trống chúng.
chiều rộng / chiều rộng: Sử dụng các thuộc tính chiều rộng và chiều cao để đặt kích thước của một đối tượng hoặc vùng chứa như bảng, ô trong bảng hoặc lớp. Thiết lập các thuộc tính để tự động kích thước của đối tượng để khớp với nội dung của đối tượng, hoặc nhập vào bất kỳ giá trị, tích cực hoặc tiêu cực, trong px (pixel), pc (picas), pt (điểm), in (inch), mm (milimet), cm (cm), em (ems), ex (exs), hoặc% (phần trăm).
#rings {height: auto; width: 475px;}
float: Sử dụng kiểu này để kiểm soát cạnh (trái, phải, hoặc không) trên đó các đối tượng khác sẽ nổi xung quanh đối tượng theo kiểu.
. saleitems {float: right;}
rõ ràng: Thường được sử dụng kết hợp với thuộc tính float, thuộc tính style này kiểm soát xem các đối tượng khác có thể xuất hiện bên cạnh đối tượng được tạo kiểu. Các biến cho thuộc tính này bao gồm: trái, phải, cả hai và không có. Ví dụ, khi một lớp xuất hiện ở mặt bên của một đối tượng với mặt rõ ràng quy định, đối tượng đó bị va vào khu vực bên dưới lớp.
. (padding): Thuộc tính này giống như lề, chỉ với padding bạn áp dụng thêm khoảng trống giữa đối tượng theo kiểu và bất kỳ đường viền xung quanh nó, như với một câu hoặc một từ bên trong một ô của bảng. Đặt kích thước đệm ở bên trái, bên phải, trên cùng, và / hoặc dưới cùng bằng bất kỳ giá trị, tích cực hoặc tiêu cực, bằng pixel (px), pc (picas), pt (điểm), in (inch), mm (milimet), cm (cm), em (ems), ex (exs), hoặc% (phần trăm).
Khi kích thước đồng đều được áp dụng cho cả bốn mặt của đối tượng được tạo kiểu, chỉ một giá trị, như trong đệm: 10px;, cần phải được liệt kê trong tờ khai. Nếu không, chỉ định giá trị cho cả bốn mặt:
. lề: Sử dụng thuộc tính lề để thêm hoặc trừ không gian bổ sung giữa cạnh trang (hoặc vùng chứa gốc) và đối tượng được tạo kiểu, ví dụ như vùng xung quanh từ hoặc lớp. Đặt kích thước lề ở bên trái, bên phải, trên cùng, và / hoặc dưới cùng bằng cách sử dụng bất kỳ giá trị, tích cực hoặc tiêu cực, trong px (pixel), pc (picas), pt (điểm), in (inch), mm (milimet), cm (cm), em (ems), ex (exs), hoặc% (phần trăm).
Bạn cũng có thể sử dụng giá trị tự động ở cả hai bên của một đối tượng được tạo kiểu để căn giữa đối tượng trong vùng chứa chính của nó. Khi các giá trị thống nhất được áp dụng cho cả bốn mặt, chỉ cần một giá trị được liệt kê trong tờ khai. Nếu không, chỉ định các giá trị cho cả bốn mặt:
#contact {margin: 0px auto 0px auto;}
Border properties xác định màu sắc, kiểu dáng, và chiều rộng của các đường viền xung quanh bất kỳ đối tượng kiểu dáng nào. Bởi vì các đường viền có thể đi trên cả bốn mặt của một vật thể, mỗi bên có thể có các thuộc tính biên giới hoàn toàn khác nhau! Để có kết quả tốt nhất, như với lề và lót đệm, hãy chắc chắn thêm 0 hoặc không có bất kỳ thuộc tính bên nào không được theo kiểu:
. tablecell {border-top: 0px không có; đường viền phải: 2px chấm # 069; border-bottom: 1px solid # 09C; border-left: 2px dotted # 069;}
style: Bạn có thể chỉ định các đường viền theo bất kỳ kiểu nào sau đây: solid, dotted, dashed, double, groove, giòn, inset, outset, hoặc none. Phong cách phải được xác định kết hợp với màu sắc và chiều rộng.
. tablecell {border: 2px
dashed
# 330066;} chiều rộng: Bạn có thể thiết lập các tùy chọn cho độ dày của đường viền mỏng, trung bình hoặc dày. Hoặc, để đo chính xác hơn, sử dụng như bất kỳ giá trị bằng pixel (px), pc (picas), pt (điểm), in (inch), mm (mm), cm (centimeters), em (ems), ex (exs), hoặc% (phần trăm Chỉ định chiều rộng cùng với màu sắc và kiểu đường viền tablecell {border:
1px
chấm # 660033;} color: Để tô màu thuộc tính border, chỉ định các giá trị hexadecimal của màu sắc mong muốn và chắc chắn bao gồm các ký hiệu số (#) trước khi giá trị hex.Ngoài ra còn có một loại phong cách và chiều rộng cho các biên giới
;} ![]()