1] Thuộc tính text-align trong CSS
- Thuộc tính text-align dùng để "canh lề theo chiều ngang" cho văn bản bên trong phần tử.
- Ví dụ:
- Trong phần tử bên dưới, văn bản được canh nằm bên trái.
- Trong phần tử bên dưới, văn bản được canh nằm giữa.
- Trong phần tử bên dưới, văn bản được canh nằm bên phải.
- Trong phần tử bên dưới, văn bản được canh đều hai bên trái & phải.
- Lập Trình Web
- Lập Trình Web
- Lập Trình Web
- HTML là ngôn ngữ đầu tiên mà một nhà thiết kế web phải học. HTML được dùng để tạo ra các nội dung cho trang web, ví dụ như: hình ảnh, âm thanh, video, các liên kết, các đoạn văn bản,.... HTML cực kỳ dễ học. Đồng thời, chúng tôi xin giới thiệu đến các bạn loạt Tài liệu hướng dẫn học HTML đã được biên soạn kỹ lưỡng theo trình tự từ cơ bản đến nâng cao kèm theo nhiều ví dụ minh họa đơn giản dễ hiểu. Hứa hẹn sẽ giúp bạn đọc dễ dàng tiếp thu ngôn ngữ HTML trong thời gian ngắn nhất với khối lượng kiến thức đầy đủ nhất.
- Lưu ý: Thuộc tính text-align không chỉ dùng để canh lề cho văn bản, mà nó còn có thể dùng để canh lề cho hầu hết các loại nội dung bên trong phần tử, ví dụ:
- Trong phần tử bên dưới, tấm hình được canh nằm bên trái.
- Trong phần tử bên dưới, tấm hình được canh nằm giữa.
- Trong phần tử bên dưới, tấm hình được canh nằm bên phải.
2] Cách sử dụng thuộc tính text-align trong CSS
- Để sử dụng thuộc tính text-align, ta dùng cú pháp như sau:
text-align: left|center|right|justify|initial|inherit;
- Trong đó, ta thấy giá trị của thuộc tính text-align có thể được xác định bởi một trong sáu loại:
left | - Văn bản được canh nằm bên trái. | Xem ví dụ |
center | - Văn bản được canh nằm giữa. | |
right | - Văn bản được canh nằm bên phải. | |
justify | - Văn bản được canh đều hai bên trái & phải. | |
initial | - Sử dụng giá trị mặc định của nó. [mặc định thì thuộc tính text-align có giá trị là left] | |
inherit | - Kế thừa giá trị thuộc tính text-align từ phần tử cha của nó. | Xem ví dụ |
Phần này tìm hiểu căn chỉnh text trong css [căn lề trong html], như căn trái, căn phải css, căn giữa css
Thuộc tính text-align để căn chỉnh vị trí của chữ hoặc các phần tử dạng inline theo chiều ngang trong phần tử HTML chứa dạng block. Mặc định là căn lề trái, tuy nhiên bạn có thể chỉ ra các giá trị:
- left hoặc start: căn lề trái
- right end: căn lề phải
- center: căn giữa
- justify: dãn đều chữ
Chú ý: Thuộc tính text-align chỉ áp dụng cho những phần tử HTML chứa dạng khối block như
]. Các giá trị nhận phổ biến là top, middle, bottom
Ví dụ sử dụng |