Phát triễn hệ thống phần mềm miễn phí-mã nguồn mở

trong việc quản lý giáo dục và dạy học trực tuyến.

Chúng tôi đang gọi vốn!
Tìm kiếm Tùy Chỉnh

Tác giả Chủ đề: các vấn đề về văn bản trong css  (Đọc 5653 lần)

0 Thành viên và 1 Khách đang xem chủ đề.

-JinG-

  • Khách
các vấn đề về văn bản trong css
« vào lúc: Tháng Sáu 21, 2009, 03:38:58 PM »
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.
Nguồn: cssyeah.com

 

Với chức năng Trả lời nhanh bạn có thể sử dụng bulletin board code và smileys.

Warning: this topic has not been posted in for at least 120 days.
Unless you're sure you want to reply, please consider starting a new topic.

Tên: Email:
Verification:
Ngược với "bắc" là?(VD: ngược với "đông" là "tây"):


Thích hợp với các trình dyệt:

Firefox - Opera- Google Chrome
iWin - iWin Online - iWin - iWin - Game Avatar - Game Avatar - Tai game Avatar - MGO - Long Tinh - Ninja School