Danh sách CSS rất hữu ích trong việc tiếp cận một tập hợp các điểm được đánh số hoặc đánh dấu đầu dòng. Bài viết này sẽ hướng dẫn bạn cách kiểm soát loại, vị trí, kiểu của sử dụng CSS. Các con trỏ sau sẽ được đề cập ở đây,
- Thuộc tính CSS
- Thuộc tính kiểu danh sách
- Danh sách CSS: Chương trình mẫu
- Giá trị điểm đánh dấu choTrong thuộc tính list-style-position
Vì vậy, hãy để chúng tôi bắt đầu,
Danh sách CSS
Thuộc tính CSS
Có năm thuộc tính CSS khác nhau mà bạn có thể sử dụng nó để kiểm soát danh sách:
- Kiểu danh sách: Nó cho phép chúng ta kiểm soát hình dạng hoặc sự xuất hiện của điểm đánh dấu.
- List-style-position: Nó chỉ định rằng một điểm dài là cần thiết để bao quanh dòng thứ hai hoặc phải thẳng hàng với dòng đầu tiên hoặc bắt đầu bằng điểm đánh dấu.
- List-style-image: Nó chỉ định rằng một hình ảnh cho điểm đánh dấu nên được thêm vào hoặc làm cho hấp dẫn hơn thay vì làm mờ các dấu đầu dòng hoặc các điểm được đánh số.
- Kiểu danh sách: Nó hiển thị tốc ký cho các thuộc tính trước đó.
- Marker-offset: Nó chỉ định khoảng cách giữa điểm đánh dấu và văn bản được nhập trong danh sách.
Đây là danh sách thường được sử dụng là: list-style-type và list-style-position. Nó được giải thích dưới đây
Tiếp tục với bài viết này về Danh sách CSS
Thuộc tính kiểu danh sách
Trong thuộc tính kiểu list-style, bạn có thể kiểm soát hình dạng và kiểu của các dấu đầu dòng hoặc điểm đánh dấu trong trường hợp danh sách không có thứ tự. Trong trường hợp danh sách có thứ tự, nó được đánh số ký tự.
Bảng dưới đây đại diện cho các danh sách không có thứ tự:
| Giá trị | Sự miêu tả |
| không ai | NA |
| Đĩa | Nó được điền vào vòng kết nối. (Mặc định là một) |
| Vòng tròn | Nó là một vòng tròn trống. |
| Quảng trường | Nó được điền vào hình vuông. |
Bảng dưới đây đại diện cho các danh sách được sắp xếp:
| Giá trị | Sự miêu tả | Thí dụ |
| Thập phân | Nó là một con số | 1,4,3 |
| Số 0 ở đầu thập phân | 0 trước số thực | 01, 04, 03 |
| Hạ alpha | Nó là các ký tự chữ và số viết thường. | A B C D |
| Thượng-alpha | Nó là các ký tự chữ và số viết hoa. | A B C D |
| Hạ la mã | Nó là chữ số La Mã viết thường. | i, ii, iii, iv, v |
| Thượng La Mã | Nó là chữ số La Mã viết hoa. | I, II, III, IV, V |
| Hy Lạp thấp hơn | Điểm đánh dấu bằng tiếng Hy Lạp thấp hơn | alpha, gamma |
| Chữ latin thấp hơn | Điểm đánh dấu bằng chữ latin thường | A B C D |
| Thượng-latin | Điểm đánh dấu bằng chữ Latinh viết hoa | A B C D |
Tiếp tục với bài viết này về Danh sách CSS
Danh sách CSS: Chương trình mẫu
- Java
- Python
- Angular
- Java
- Python
- Angular
- Java
- Python
- Angular
- Java
- Python
- Angular
- Java
- Python
- Angular
Đầu ra
mua sắm trong quản lý dự án là gì
Tiếp tục với bài viết này về Danh sách CSS
Thuộc tính list-style-position
Giá trị điểm đánh dấu cho thuộc tính vị trí kiểu danh sách
Trong thuộc tính list-style-position, nó cho thấy rằng điểm đánh dấu sẽ xuất hiện bên trong hoặc bên ngoài hộp chứa các dấu đầu dòng. Điều này có thể có một trong hai giá trị:
| Giá trị | Sự miêu tả |
| không ai | NA |
| Phía trong | Trong trường hợp này, nếu văn bản nằm ở dòng thứ hai thì văn bản sẽ nằm bên dưới điểm đánh dấu và nó cũng sẽ hiển thị nơi văn bản sẽ bắt đầu nếu danh sách có một vale bên ngoài. |
| ở ngoài | Trong trường hợp này nếu văn bản đi vào dòng thứ hai, văn bản sẽ được căn chỉnh với đầu dòng đầu tiên. |
Thí dụ:
- Toán học
- Khoa học xã hội
- Vật lý
- Toán học
- Khoa học xã hội
- Vật lý
- Toán học
- Khoa học xã hội
- Vật lý
- Toán học
- Khoa học xã hội
- Vật lý
Đầu ra
Điều này đưa chúng ta đến phần cuối của bài viết này về Danh sách CSS.
Kiểm tra của chúng tôi đi kèm với đào tạo trực tiếp do người hướng dẫn và trải nghiệm dự án thực tế. Khóa đào tạo này giúp bạn thành thạo các kỹ năng làm việc với công nghệ web back-end và front-end. Nó bao gồm đào tạo về Phát triển Web, jQuery, Angular, NodeJS, ExpressJS và MongoDB.
Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần bình luận của bài viết và chúng tôi sẽ liên hệ lại với bạn.