Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..) 
Chia lấy phần dư / chia lấy phần nguyên trong javascript 
Các sự kiện (Event) trong Javascript 
Các cách khai báo biến trong Javascript 
Hướng tạo thanh search bar bằng CSS 
Bắt sự kiện click trong Javascript 
Cách khai báo biến trong PHP, các loại biến thường gặp 
Download và cài đặt Vertrigo Server 
Thẻ li trong HTML 
Thẻ article trong HTML5 
Cấu trúc HTML5: Cách tạo template HTML5 đầu tiên 
Cách dùng thẻ img trong HTML và các thuộc tính của img 
Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng Các thuộc tính CSS định dạng text
CSS cung cấp cho chúng ta một số thuộc tính định dạng text như màu sắc, hiển thị chữ in hoa hoặc in thường, vị trí hiển thị, ... Những thuộc tính này khá hay và rất quan trọng vì nó quyết định tính thẩm mỹ cho các dòng chữ trong website.
Trong bài chúng ta tìm hiểu một số thuộc tính định dạng cho text như sau:
- color
- text-decoration
- text-transform
- text-align
- text-indent
Còn khá nhiều nhưng mình không trình bày ở đây.
1. Chon màu cho chữ với color
Ta sử dụng thuộc tính color để gán màu sắc cho chữ.
Bài viết này được đăng tại [free tuts .net]
Trong CSS thì ta sử dụng 3 cách biểu diễn color như sau:
HEX: có định dạng#ma_mauRGB: có định dạngrgb(xxx,yyy,zzz)- Tên màu: ví dụ
red,blue
color-red, color-blue và color-pink.color-red{
color: red;
}
.color-blue{
color: blue;
}
.color-pink{
color:#d624d0
}2. Thiết lập chữ in hoa và in thường
Nếu bạn muốn một thẻ nào đó luôn luôn hiển thị in hoa hoặc luôn luôn hiển thị in thường mặc dù ta nhập vào là hoa hay thường thì sử dụng thuộc tính text-transform với các thuộc tính:
uppercase: chuyển đổi in hoalowercase: chuyển đổi in thườngnone: không chuyển đổi gì cả (mặc định)
.upper{
text-transform: uppercase;
}
.lower{
text-transform: lowercase;
}Có thể bạn quan tâm:
3. Thiết lập vị trí của text (giữa, trái, phải)
Nếu bạn muốn đoạn text hiển thị ở gữa màn hình hoặc bên trái, bên phải thì sử dụng thuộc tính text-align với các giá trị:
center: hiển thị ngay giữaleft: hiển thị bên tráiright: hiển thị bên phảijustify: hiển thị canh đều so với lề phải và lề trái
.show-center{
text-align: center;
}
.show-left{
text-align: left;
}
.show-right{
text-align: right;
}
.show-justify{
text-align: justify;
}4. Thiết lập gạch chân cho chữ
Để gạch chân cho chữ thì bạn sử dụng thuộc tính text-decoration với giá trị:
underline: gạch chânnone: bỏ gạch chân
class="gach-chan".gach-chan{
text-decoration: underline;
text-decoration-color: #28a4c9;
}5. Xác định vị trí hiển thị chữ với text-indent
Nếu bạn muốn chữ hiển thị ở một vị trí nào đó tính từ góc trái trên cùng (tính theo pixels) thì bạn dùng thuộc tính text-indent. Thuộc tính này thường dùng để gắn trong nội dung thẻ a của logo và sau đó dùng nó để ẩn text đi.
Ta sử dụng text-indent và giá trị của nó là số pixel lớn hơn kích thước màn hình (tính theo số âm).
.hide-text{
text-indent: -9999px
}6. Lời kết
Bài này ta tìm hiểu được 6 thuộc tính định dạng cho text, những thuộc tính này khá căn bản nhưng hay dùng. Tuy nhiên vẫn còn nhiều thuộc tính nhưng ta ít khi dùng tới và mình cũng không thể nào biết và liệt kê hết ra được.
