Hướng dẫn text-align center html - text-align center html

  • 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:

Thuộc tínhgiá 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 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.







text align left

Sự khác nhau giữa HTML và XHTML

Không có sự khác biệt







text align right

Không hỗ trợ

Html viết:







text align center

Đây là text được canh giữa.

Hiển thị trình duyệt:







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

CSSThuộc tính text-alignĐịnh nghĩa và sử dụngThuộc tính text-align sắp xếp các nội dung theo chiều ngang.
Cấu trúcVới giá trị như sau:Thuộc tínhgiá 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

HTML4.01XHTML1.0XHTML1.1
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:

Cấu trúcVí dụĐịnh nghĩa và sử dụngTag được sử dụng để canh giữa text.
Sự khác nhau giữa HTML và XHTMLKhô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ínhCá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

Cấu trúcVí dụĐịnh nghĩa và sử dụngTag được sử dụng để canh giữa text.
Sự khác nhau giữa HTML và XHTMLKhô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