[Học CSS] Bài 08: Định dạng văn bản trong CSS – phần 2

Trong bài này chúng ta tiếp tục với định dạng văn bản trong CSS, cụ thể ở đây chúng ta sẽ định dạng các kiểu hiển thị văn bản như: gạch chân, canh lề, in hoa,… sau đây là nội dung chi tiết.

Canh lề trong CSS

Để canh lề trong văn bản chúng ta sẽ sử dụng thuộc tính text-align và các giá trị của thuộc tính này bao gồm:

  • left: canh lề bên trái;
  • right: canh lề bên phải;
  • center:  canh chính giữa;
  • justify: canh đều hai bên;

Ví dụ mình canh lề văn bản bên phải như sau, các bạn chú ý cái đoạn text-align: right đó nhé ! có thể thay đổi bằng các giá trị ở trên để xem sự thay đổi.

Gạch chân văn bản trong CSS

Để gạch chân văn bản trong CSS chúng ta sử dụng thuộc tính text-decoration gọi là gạch chân cho dễ hiểu thôi chứ nó còn có các giá trị khác như:

  • overline: gạch trên
  • underline: gạch dưới
  • line-through: gạch ngang

Ví dụ để các bạn tham khảo đây, chỉ cần xem đoạn text-decoration: underline;:sau đó thay thế giá trị underline;: bằng các giá trị ở trên và bạn sẽ thấy sự khác biệt.

In hoa văn bản trong CSS

Để in hoa văn bản trong CSS thì chúng ta sử dụng thuộc tính text-transform, và nó có giá trị là normal và uppercase, để xem nó như thế nào thì bạn chèn thêm đoạn CSS này vào dưới đoạn  text-decoration: underline; bằng ví dụ ở trên nhé.

Oke, như vậy là chúng ta vừa tìm hiểu xong phần định dạng văn bản trong CSS rồi đó, nó cũng khá là đơn giản đúng không nào ? Trong những bài học sau nội dung sẽ khó hơn và phức tạp hơn, các bạn cố gắng theo dõi nhé !

Bài học trước đó và tiếp theo

[Học CSS] Bài 08: Định dạng văn bản trong CSS – phần 2
Mời bạn oánh giá 😇
Nếu bạn thấy bài viết này hữu ích thì có thể chia sẻ nó qua:

Viết bình luận theo mẫu

(Các mục bắt buộc được đánh dấu * )