Căn đều 2 bên trong html
Lề của phần tử là phần diện tích bao quanh bên ngoài đường viền phần tử. Trong CSS để căn lề cho phần tử chúng ta sử dụng các thuộc tính
Lề trong CSS Khai báo trong đoạn mã CSS trên đây sử dụng thuộc tính 0, lề bê phải và trái là 1:Căn Lề Từng BênBạn có thể căn lề từng bên cho phần tử sử dụng các thuộc tính sau:
Ví dụ:
Các Thuộc Tính Căn Lề trong CSS Thuộc Tính Margin Tốc Ký - Margin Shorthand PropertyThuộc tính tốc ký hay shorthand property trong CSS được sử dụng để giúp lập trình viên rút ngắn số lượng code phải viết qua đó giảm dung lượng file CSS và giúp trang web được tải nhanh hơn. Thuộc tính
Giá trị của thuộc tính margin tốc ký bao gồm từ một cho tới bốn giá trị khác nhau ngăn cách bởi khoảng trắng. Thuộc tính
Thuộc Tính Tốc Ký Margin Với đoạn code CSS như trên thì lề của các bên sẽ được căn như sau:
Thuộc tính
Margin Tốc Ký Với Ba Giá Trị Với đoạn code CSS như trên thì lề của các bên sẽ được căn như sau:
Thuộc tính
Margin Tốc Ký Với Hai Giá Trị Với đoạn code CSS như trên thì lề của các bên sẽ được căn như sau:
Thuộc tính
Margin Tốc Ký Với Một Giá Trị Lúc này phần tử Giá trị mặc định của các thuộc tính 7, tuy nhiên khi hiển thị trang trình duyệt cũng sẽ thiết lập lề cho mỗi phần tử với giá trị tuỳ vào loại phần tử.Căn Lề Tự ĐộngCăn lề tự động được áp dụng khi giá trị của thuộc tính 9:
Căn Lề Tự Động Đối với những phần tử khối (block) hoặc nội dòng - khối (inline-block) như phần tử 0, p , 2... thì khi căn lề tự động cho lề trái và lề phải thì phần tử sẽ được căn giữa đều hai bên. text align justify : Sắp xếp nội dung cho các dòng có chiều rộng bằng nhau, điều này có nghĩa là trình duyệt sẽ tự động canh đều các dòng nội dung sao cho tất cả các dòng nội dung đều có cùng chiều rộng. |