XtGem.com

Vấn đề với văn bản Css

Thuộc tính CSS text cho phép bạn hoàn toàn có thể
quản lí được các thuộc tính của văn bản, bạn có thể
quản lí được sự ẩn hiện của nó, thay đổi màu sắc, tăng
hoặc giảm khoảng cách giữa các ký tự trong một đoạn,
căn chỉnh việc dóng hàng (align),...Các thuộc tính của
text mà CSS hỗ trợ
Đặt màu cho một đoạn văn bản
Để đặt màu cho một đoạn văn bản chúng ta có thể
dùng thuộc tính: color: #mã màu;
p {
color: #333333;
}
Đặt màu nền cho đoạn văn bản.Bạn có thể đặt màu
nền (background) cho đoạn văn bản bằng thuộc tính
background-color: #mã màu;
p {
background-color: #FFFF00;
}
Căn chỉnh khoảng cách giữa các ký tự.Khoảng cách
giữa các ký tự trong một đoạn văn bản có thể được
tăng hoặc giảm bởi thuộc tính letter-spacing: khoảng
cách;
h3 {
letter-spacing: 2em;
}
h1 {
letter-spacing: -3em;
}
Căn chỉnh khoảng cách giữa các dòng.
Thuộc tính line-height: khoảng cách; sẽ giúp bạn căn
chỉnh khoảng cách giữa các dòng trong một đoạn văn
bản.
p {
line-height: 150%; // line-height: 15px;
}
Dóng hàng
Để gióng hàng cho một đoạn văn bản chúng ta sẽ dùng
thuộc tính text-align: vị trí;
p {
text-align: left; /* left | center | right */
}
Trang hoàng thêm cho đoạn văn bản.
Một đường gạch chân hoặc đường gạch ngang dòng
văn bản sẽ làm cho đoạn văn bản của bạn thêm sinh
động. Để tô điểm thêm cho đoạn văn bản chúng ta sẽ
dùng thuộc tính text-decoration: thuộc tính;
h3 {
text-decoration: underline; /* Gạch chân */
}
h2 {
text-decoration: line-through; /* Gạch ngang */
}
h1 {
text-decoration: overline; /* kẻ trên */ }
Chỉnh vị trí của đoạn văn bản (indent).Thuộc tính text-
indent: vị trí; sẽ căn chỉnh vị trí của dòng văn bản theo
chiều ngang.
h1 {
text-indent: -2000px; /* text-indent: 30px; */
}
Điều kiển các ký tự trong một đoạn văn bản.
Bạn có thể điều khiển toàn bộ đoạn văn bản là chữ hoa
hay chữ thường bởi thuộc tính text-transform: kiểu
chữ;
p.uppercase {
text-tranform: uppercase;
}
p.lowercase {
text-tranform: lowercase;
}
p.capitalize {
text-tranform: capitalize;
}
Đặt hướng cho đoạn văn bản.Hướng của đoạn văn bản
có thể từ trái qua phải hay từ phải qua trái chúng ta có
thể điều khiển bởi thuộc tính direction: hướng;
div.rtl {
direction: rtl; /* Right to left */
}
div.ltr {
direction: ltr; /* Left to right */
}
Tăng khoảng cách giữa các từ.Khoảng cách giữa các từ
có thể được tăng bởi thuộc tính word-spacing: khoảng
cách; word-spacing: 30px;Làm mất tác dụng của đường
bao của một thẻ HTML.Để làm mất tác dụng đường
bao của một thẻ HTML chúng ta dùng thuộc tính white-
space: giá trị;
p {
white-space: nowrap;
}
Thuộc tính white-space sẽ làm cho toàn bộ đoạn văn
bản ở trên một dòng.
Bài viết by TanDaiZa