CÔNG TY TNHH XJK 29A, Ðường Số 3, Phường 16, Quận Gò Vấp, Thành phố Hồ Chí Minh, Việt Nam Đường số 3 Hồ Chí Minh P03TC0D3 Việt Nam 08.6675.1357 //xjk.vn
- Trang Chủ
- Tin tức giải trí
Home » PHP nâng cao » Css cho thẻ li | Xóa dấu chấm trước thẻ li | list-style trong css Css cho thẻ li | Xóa dấu chấm trước thẻ li | list-style trong css
Định nghĩa và sử dụng
Thuộc tính list-style thiết lập kiểu cho một danh sách. Chú ý: thuộc tính list-style chỉ sử dụng được cho danh sách (những thành phần chứa <li>): <ol>, <ul>, <menu>
Cấu trúc
tag { list-style: giá trị; } Với giá trị như sau:
Thuộc tínhgiá trịVí dụMô tả list-styleMột hoặc nhiều giá trị của các thuộc tính image, position, style bên dưới.list-style: square;Đây là dạng viết ngắn gọn, tổng hợp các kiểu bên dưới (image, position, type). list-style-imageURLlist-style: url(images/list.gif);Thay thế các mục của danh sách bằng hình ảnh. nonelist-style: none;Không hiển thị image list, đây là dạng mặc định. inheritlist-style: inherit;Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài). list-style-positioninsidelist-style: inside;Xác định các mục nằm bên trong nội dung. outsidelist-style: outside;Xác định các mục nằm bên ngoài nội dung, đây là dạng mặc định. inheritlist-style:inherit;Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài). list-style-typearmenianlist-style-type: armenian;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. circlelist-style-type: circle;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. cjk-ideographiclist-style-type: cjk-ideographic;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. decimallist-style-type: decimal;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. decimal-leading-zerolist-style-type: decimal-leading-zero;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. disclist-style-type: disc;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. georgianlist-style-type: georgian;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. hebrewlist-style-type: hebrew;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. hiraganalist-style-type: hiragana;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. hiragana-irohalist-style-type: hiragana-iroha;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. katakanalist-style-type: katakana;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. katakana-irohalist-style-type: katakana-iroha;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. lower-alphalist-style-type: lower-alpha;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. lower-greeklist-style-type: lower-greek;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. lower-latinlist-style-type: lower-latin;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. lower-romanlist-style-type: lower-roman;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. nonelist-style-type: none;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. squarelist-style-type: square;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. upper-alphalist-style-type: upper-alpha;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. upper-latinlist-style-type: upper-latin;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. upper-romanlist-style-type: upper-roman;
- Danh sách list-style-type 01.
- Danh sách list-style-type 02. inheritlist-style-type: inherit;Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài).
Như vậy bạn có thể tự điều chỉnh dịnh dạng thẻ li theo mong muốn (list-style)
Mời bạn xem thêm:
No comments:
Home Subscribe to: Post Comments (Atom)
Giải pháp kinh doanh online
Bài đăng nổi bật
- Css cho thẻ li | Xóa dấu chấm trước thẻ li | list-style trong css Định nghĩa và sử dụng Thuộc tính list-style thiết lập kiểu cho một danh sách. Chú ý: thuộc tính list-style chỉ sử dụng được cho danh sá...
- hướng dẫn cấu hình cron job trong laravel trên host share và localhost Trong các công việc cần thực hiện trên một hệ thống website, đôi khi một số công việc chúng ta cần thực hiện theo một kế hoạch định trước, ...
- Cùng tìm hiểu kiểu khai báo Scalar trong PHP 7 Các khai báo kiểu Scalar có 2 loại : coercive(mặc định) và strict. Các loại sau đây cho các tham số bây giờ có thể được thi hành (coerci...
- "PnP" trong thông số Camera IP là gì? PnP là gì? Quá đơn giản, PnP thực chất là viết tắt của cụm từ tiếng anh " Plug and Play ". Đến đây chắc bạn đã hiểu được phần ...
- Cấu hình sử dụng icloud - điện toán đám mây trên đầu ghi camera Chào các bạn, hiện nay trên thị trường có nhiều loại đầu ghi hình muốn xem qua mạng phải trải qua rất nhiều bước cài đặt cân chỉnh, cấu hìn...
- PHP Codeigniter cho người mới bắt đầu Tôi viết bài này mong muốn chia sẻ một số kiến thức về CodeIgniter cho những bạn mới bắt đầu, hi vọng sẽ mang lại cảm hứng tìm hiểu cho ...
- HƯỚNG DẪN THIẾT KẾ 1 WEBSITE CHUYÊN NGHIỆP VỚI HTML/CSS CHO NGƯỜI MỚI BẮT ĐẦU Bất kể bạn là ai, bây giờ bạn đã ở đây để tìm hiểu làm thế nào để xây dựng trang web chuyên nghiệp , Thiết kế website chuyên nghiệp với ...
- Giới thiệu về canh tác thủy canh Canh tác thủy canh là phương pháp trồng cây bằng dung dịch dinh dưỡng khoáng , trong nước, không cần đất. Người làm vườn thủy canh điều chỉ...
- Hướng dẫn cài đặt Laravel 5.4 đơn giản nhất Trong bài viết này, mình sẽ hướng dẫn các bạn cách cài đặt Laravel 5.4 thật đơn giản nhất. Về cơ bản, cài đặt Laravel phiên bản 5.4 cũng ...
- Những phím tắt hữu ích trong sublime Text 3 Tổng hợp các phím tắt trong sublime tắt 3 Phím tắt trọng sublime text 3 *Lưu ý: Những phím tắt thường được sử dụng mình sẽ bôi màu ...
Contributors
- Nguyễn Đức Nga
- Như Lan
- Việt Cường
Loading...