- Trang chủ
- Tham khảo
- CSS
- Thuộc tính text-align
Định nghĩa và sử dụng
Thuộc tính text-align sắp xếp các nội dung theo chiều ngang.
Cấu trúc
tag { text-align: giá trị; }
Với giá trị như sau:
text-align | left | text-align: left; | Sắp nội dung theo chiều ngang nằm về bên trái, đây là dạng mặc định. |
right | text-align: right; | Sắp nội dung theo chiều ngang nằm về bên phải. | |
center | text-align: center; | Sắp nội dung theo chiều ngang nằm giữa. | |
justify | text-align: justify; | Sắp xếp nội dung cho các dòng có chiều rộng bằng nhau. | |
inherit | text-align: inherit; | Xác định thừa hưởng thuộc tính từ thành phần cha [thành phần bao ngoài]. |
HTML viết:
Canh trái
Canh giữa
Canh phải
Hiển thị trình duyệt khi chưa có CSS:
Canh trái
Canh giữa
Canh phải
CSS viết:
p.alignLeft { text-align: left; } p.alignCenter { text-align: center; } p.alignRight { text-align: right; }
Hiển thị trình duyệt khi có CSS:
Canh trái
Canh giữa
Canh phải
CSS viết:
Hiển thị trình duyệt khi có CSS:
Trình duyệt hỗ trợ
- Thuộc tính text-align đượ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
- Trang chủ
- Tham khảo
Tag html
Thuộc tính text-align : sắp xếp các nội dung theo chiều ngang.
Định nghĩa và sử dụng
Tag được sử dụng để canh giữa text.
p { text-align: left; }text align left
Sự khác nhau giữa HTML và XHTML
Không có sự khác biệt
p { text-align: right; }text align right
Không hỗ trợ
Html viết:
p { text-align: center; }text align center
Đây là text được canh giữa.
Hiển thị trình duyệt:
p { text-align: justify; width: 200px; }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.
được hỗ trợ trong đa số các trình duyệt, tuy nhiên không nên sử dụng, việc canh giữa nên dùng thuộc tính text-align của css để thay thế.
- onkeypress
- onkeypress="code"
- Script chạy khi nút trên bàn phím được nhấn và thả ra.
- onkeyup
onkeyup="code"
Script chạy khi nút trên bàn phím được thả ra.
Trang chủ
tag { text-align: giá trị; }
Tham khảo
Cấu trúc | Với giá trị như sau: | Thuộc tính | giá trị |
Ví dụ | Mô tả | text-align | |
left | text-align: left; | Sắp nội dung theo chiều ngang nằm về bên trái, đây là dạng mặc định. | |
right | text-align: right; | Sắp nội dung theo chiều ngang nằm về bên phải. | |
center | text-align: center; | Sắp nội dung theo chiều ngang nằm giữa. |
justify
Canh trái
Canh giữa
Canh phải
text-align: justify;
Sắp xếp nội dung cho các dòng có chiều rộng bằng nhau.
inherit
text-align: inherit;
Xác định thừa hưởng thuộc tính từ thành phần cha [thành phần bao ngoài].
p.alignLeft { text-align: left; } p.alignCenter { text-align: center; } p.alignRight { text-align: right; }
HTML viết:
Sắp xếp nội dung cho các dòng có chiều rộng bằng nhau.
inherit
text-align: inherit;
Xác định thừa hưởng thuộc tính từ thành phần cha [thành phần bao ngoài].
HTML viết:
Hiển thị trình duyệt khi chưa có CSS:
- Trang chủ
- Tham khảo
- Tag html
- onkeyup
Định nghĩa và sử dụng
Tag được sử dụng để canh giữa text.
Sự khác nhau giữa HTML và XHTML
Không có sự khác biệt | Không hỗ trợ |
Cấu trúc
onkeyup
Định nghĩa và sử dụng
Tag được sử dụng để canh giữa text.
Sự khác nhau giữa HTML và XHTML
Không có sự khác biệt
Sự khác nhau giữa HTML và XHTML
Không có sự khác biệt
Không hỗ trợ
Cấu trúc
Ví dụ
Html viết:
Sự khác nhau giữa HTML và XHTML | Không có sự khác biệt | Không hỗ trợ | Không có sự khác biệt |
Không hỗ trợ | Cấu trúc ltr | Ví dụ | Html viết: |
Đây là text được canh giữa. | Hiển thị trình duyệt: | Trình duyệt hỗ trợ | được hỗ trợ trong đa số các trình duyệt, tuy nhiên không nên sử dụng, việc canh giữa nên dùng thuộc tính text-align của css để thay thế. |
Thuộc tính | Cách sử dụng: | Thuộc tính tổng quát [xem thêm] | Giá trị |
Mô tả | class | Tên class | class="section" |
dir | rtl ltr | dir="rtl" | Xác định hướng văn bản cho các nội dung trong một thành phần. |
id | Cách sử dụng: | Thuộc tính tổng quát [xem thêm] | Giá trị |
Mô tả
class
Sự khác nhau giữa HTML và XHTML | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |
Ví dụ | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |
Ví dụ | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |
Ví dụ | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |
Ví dụ | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |
Ví dụ | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |
Ví dụ | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |
Ví dụ | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |
Ví dụ | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |
Ví dụ | Không có sự khác biệt | Không hỗ trợ | Cấu trúc |