http://vietjack.com/css/index.jsp Copyright © vietjack.com Tổng hợp thuộc tính CSS Trong chương này, liệt kê tất thuộc tính CSS để giúp bạn tiện tìm kiếm tham khảo Trong List đây, tổng hợp phân loại thuộc tính liên quan với thành nhóm để bạn tiện theo dõi • Nhóm thuộc tính • Aural • Nhóm thuộc tính Nhóm • thuộc tính • Nhóm thuộc tính hỗn • Nhóm thuộc tính Nhóm thuộc tính Font Nhóm thuộc tính Nhóm thuộc tính • Nhóm thuộc tính Padding • Nhóm thuộc tính định dạng Text • Nhóm thuộc tính in ấn • Outline kích thước • • Margin hợp • Nhóm thuộc tính Nhóm thuộc tính bảng List Marker Border • • tạo nội dung Background • Nhóm thuộc tính Nhóm thuộc tính Pseudo Class • Nhóm thuộc tính Pseudo Element Nhóm thuộc tính xác định vị trí Bảng liệt kê tồn thuộc tính đề nghị sử dụng W3 Consortium xếp theo thứ tự chữ Bạn click vào link để tìm hiểu chi tiết: Thuộc tính Miêu tả Thuộc tính azimuth Thuộc tính miêu tả vị trí Sound Source theo trục ngang môi trường Listener Thuộc tính background Sử dụng thuộc tính này, bạn xác định giá trị cho tất thuộc tính liên quan tới background, bao gồm: http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright â vietjack.com Thuc tớnh background- background-attachment • background-color • background-image • background-position • background-repeat Thuộc tính xác định trạng thái cố định trạng thái scroll hình attachment Thuộc tính background-color Thuộc tính background-image Thuộc tính background-position Thuộc tính background-repeat Thuộc tính border Thuộc tính border-bottom Thuộc tính thiết lập màu cho phần tử Thuộc tính thiết lập hình cho phần tử Thuộc tính thiết lập vị trí ban đầu hình phần tử Các giá trị thường cặp vị trí x y Vị trí mặc định 0% 0% Thuộc tính xác định hướng mà hình lặp lặp lại Thuộc tính thiết lập giá trị cho thuộc tính border: giá trị nhiều giá trị sau: giá trị cho màu, giá trị cho border-width, giá trị cho border-style Thuộc tính thiết lập giá trị cho đường viền bên dưới: giá trị nhiều giá trị sau: giá trị cho màu, giá trị cho border-width, giá trị cho border-style Thuộc tính border-bottom-width Thuộc tính thiết lập độ dày cho đường viền bên Thuộc tính border-collapse Thuộc tính thiết lập thuật toán việc hiển thị đường viền hiển thị bảng Thuộc tính border-color Thuộc tính xác định màu cho border Giá trị mặc định màu phần tử http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com Thuộc tính border-left-color Thuộc tính xác định màu cho đường viền bên trái Giá trị mặc định màu phần tử Thuộc tính border-right-color Thuộc tính xác định màu cho đường viền bên phải Giá trị mặc định màu phần tử Thuộc tính border-top-color Thuộc tính xác định màu cho đường viền bên Giá trị mặc định màu phần tử Thuộc tính border-bottom-color Thuộc tính xác định màu cho đường viền bên Giá trị mặc định màu phần tử Thuộc tính border-left Thuộc tính border-left-width Thuộc tính border-right Thuộc tính border-right-width Thuộc tính border-spacing Thuộc tính border-style Thuộc tính border-top Thuộc tính border-top-width Thuộc tính border-width Thuộc tính thiết lập giá trị cho đường viền bên trái: giá trị nhiều giá trị sau: giá trị cho màu, giá trị cho border-width, giá trị cho border-style Thuộc tính xác định độ rộng đường viền bên trái Thuộc tính thiết lập giá trị cho đường viền bên phải: giá trị nhiều giá trị sau: giá trị cho màu, giá trị cho border-width, giá trị cho border-style Thuộc tính xác định độ rộng đường viền bên phải Thuộc tính xác định khoảng cách đường viền khác Hai giá trị tương ứng để xác định khoảng cách theo chiều dọc chiều ngang Thường sử dụng để xác định khoảng cách đường viền ô bảng Thuộc tính xác định style cho đường viền Thuộc tính thiết lập giá trị cho đường viền bên trên: giá trị nhiều giá trị sau: giá trị cho màu, giá trị cho border-width, giá trị cho border-style Thuộc tính thiết lập độ rộng đường viền bên Thuộc tính thiết lập độ rộng cho toàn đường viền http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com Thuộc tính bottom Thuộc tính caption-side Thuộc tính clear Thuộc tính clip Thuộc tính color Thuộc tính content Thuộc tính counter-increment Thuộc tính counter-reset Được sử dụng với thuộc tính position để xác định vị trí cạnh phần tử Thuộc tính xác định vị trí caption bảng Thuộc tính ngăn không cho phần tử hiển thị bên cạnh phần tử xác định với thuộc tính float Thuộc tính để xác định phần bên ngồi mà nội dung phần tử hoàn toàn bị ẩn dấu Thuộc tính xác định màu cho phần tử Thuộc tính chèn nội dung (text hình ảnh) vào trước, sau phần tử Thuộc tính hữu ích sử dụng việc xác định đầu đề bạn theo dạng mục lục sách Thuộc tính tương tự thuộc tính counterincrement, khác chỗ giá trị counter reset Thuộc tính cue-after Thuộc tính sử dụng thiết bị audio để chơi nhạc (chẳng hạn) sau phần tử Thuộc tính cue-before Thuộc tính sử dụng thiết bị audio để chơi nhạc (chẳng hạn) trước phần tử Thuộc tính cursor Thuộc tính direction Thuộc tính display Thuộc tính elevation Thuộc tính xác định hình dáng trỏ Thuộc tính xác định hướng nội dung phần tử Thuộc tính điều khiển cách phần tử hiển thị Thuộc tính xác định độ cao sound chơi http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com Thuộc tính empty-cells Với đường viền khác nhau, thuộc tính ẩn trống bảng Thuộc tính float Thuộc tính làm cho phần tử di chuyển tới bên cạnh phần tử cha Thuộc tính font Thuộc tính xác định thuộc tính font phần tử Giá trị thuộc tính giá trị sau: Thuộc tính font-family Thuộc tính font-size • font-style • font-variant • font-weight • font-size • line-height • font-family Thuộc tính xác định font cho phần tử Hoặc font cụ thể serif, sans-serif, cursive, fantasy, monospace Thuộc tính thiết lập kích cỡ font Thuộc tính font-size-adjust Thuộc tính điều chỉnh kích cỡ font theo tỉ lệ tương ứng Thuộc tính font-stretch Thuộc tính làm chữ hiển thị to hay nhỏ Thuộc tính font-style Thuộc tính font-variant Thuộc tính font-weight Thuộc tính xác định font style Thuộc tính xác định văn theo dạng chữ hoa nhỏ Thuộc tính xác định độ đậm văn Nếu giá trị số sử dụng, số phải bội số 100 khoảng 100 900; 400 normal, 700 tương ứng với từ khóa bold http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com Thuộc tính height Thuộc tính left Thuộc tính letter-spacing Thuộc tính line-height Thuộc tính list-style Thuộc tính xác định chiều cao phần tử Thuộc tính sử dụng với thuộc tính position để xác định cạnh trái phần tử Thuộc tính xác định khoảng cách chữ Thuộc tính thiết lập chiều cao Baseline Thuộc tính xác định style cho list, sử dụng giá trị sau: Thuộc tính list-style-image • list-style-image • list-style-position • list-style-type Thuộc tính sử dụng hình ảnh để làm marker (giống bullet), sử dụng thay cho: • Thuộc tính list-style-position Thuộc tính list-style-type Thuộc tính margin list-style-type Thuộc tính xác định độ thụt độ dãn marker tương ứng với nội dung phần tử Thuộc tính xác định marker cho unordered list (giá trị circle, disc, square) cho ordered list (giá trị decimal, loweralpha, lower-roman, none, upper-alpha, upper-roman) Thuộc tính xác định lề cho phần tử Thuộc tính margin-bottom Thuộc tính xác định lề phần tử Giá trị mặc định Thuộc tính margin-left Thuộc tính xác định lề trái phần tử Giá trị mặc định http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com Thuộc tính margin-right Thuộc tính xác định lề phải phần tử Giá trị mặc định Thuộc tính margin-top Thuộc tính xác định lề phần tử Giá trị mặc định Thuộc tính marker-offset Thuộc tính marks Thuộc tính marker-offset sử dụng Bullet List để xác định khoảng cách bullet (hoặc marker) với cạnh đường viền gần với bullet Thuộc tính marks sử dụng để thiết lập Crop mark Cross mark thiết bị đánh số trang Thuộc tính sử dụng với qui tắc @page Thuộc tính max-height Thuộc tính max-height sử dụng để thiết lập chiều cao tối đa phần tử Thuộc tính max-width Thuộc tính max-width sử dụng để thiết lập chiều rộng tối đa phần tử Thuộc tính min-height Thuộc tính min-height sử dụng để thiết lập chiều cao tối thiểu phần tử Thuộc tính min-width Thuộc tính min-width property sử dụng để thiết lập chiều rộng tối thiểu phần tử Thuộc tính orphans Thuộc tính outline Thuộc tính outline-color Thuộc tính outline-color-style Thuộc tính outline-width Thuộc tính overflow Thuộc tính sử dụng để xác định số dòng tối thiểu phải xuất bottom trang Bạn theo đường link để hiểu rõ khái niệm Orphan Thuộc tính outline sử dụng để xác định tất thuộc tính liên quan tới outline Thuộc tính outline-color xác định màu cho outline Thuộc tính outline-style xác định style cho outline Thuộc tính outline-width xác định độ rộng outline Thuộc tính xác định cách mà phần nội dung bị tràn khỏi khu vực chứa phần tử hiển thị http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com Thuộc tính padding Thuộc tính xác định tất thuộc tính liên quan tới padding Thuộc tính padding-bottom Thuộc tính xác định bottom padding Giá trị mặc định Thuộc tính padding-left Thuộc tính xác định left padding Giá trị mặc định Thuộc tính padding-right Thuộc tính xác định right padding Giá trị mặc định Thuộc tính padding-top Thuộc tính xác định top padding Giá trị mặc định Thuộc tính page Thuộc tính sử dụng để triệu hồi page layout xác định qui tắc @page Thuộc tính page-break-after Thuộc tính bắt buộc khơng bắt buộc trình ngắt trang sau phần tử Thuộc tính page-break-before Thuộc tính bắt buộc khơng bắt buộc trình ngắt trang trước phần tử Thuộc tính page-break-inside Thuộc tính khơng ngắt trang bên phần tử Thuộc tính pause Thuộc tính pause xác định tất giá trị liên quan tới pause aural media Thuộc tính pause-after Thuộc tính xác định khoảng thời gian ngừng chèn vào sau phần nội dung phần tử Thuộc tính pause-before Thuộc tính xác định khoảng thời gian ngừng chèn vào trước phần nội dung phần tử Thuộc tính pitch Thuộc tính xác định độ pitch trung bình phát nội dung phần tử Thuộc tính pitch-range Thuộc tính xác định dãy pitch, từ (flat) tới 100 (broad); giá trị mặc định 50 Thuộc tính play-during Nếu cung cấp URL, audio trỏ tới URL play render phần tử Thuộc tính http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com xác định giá trị liên quan tới thời gian repeat giá trị mix Thuộc tính position Thuộc tính xác định vị trí cho phần tử Thuộc tính quotes Thuộc tính xác định biểu tượng trích dẫn để sử dụng trích dẫn đoạn văn Thuộc tính richness Thuộc tính xác định độ Richness, từ (flat) tới 100 (mellifluous); giá trị mặc định 50 Thuộc tính right Thuộc tính sử dụng với thuộc tính postion để xác định cạnh phải phần tử Thuộc tính size Thuộc tính size sử dụng paged media để xác định kích cỡ trang Thuộc tính speak Thuộc tính xác định cách mà nội dung phần tử phát Thuộc tính speak-header Thuộc tính speak-numeral Thuộc tính sử dụng để xác định table header nên phát lần cho hàng cột hay lần cho Thuộc tính xác định cách chữ số phát Thuộc tính speak-punctuation Thuộc tính xác định xem dấu chấm câu có nên phát hay khơng Thuộc tính speech-rate Thuộc tính thiết lập speech rate Tức số từ phát phút Thuộc tính stress Thuộc tính thiết lập voice stress, từ (catatonic) tới 100 (hyperactive); giá trị mặc định 50 Thuộc tính table-layout Thuộc tính text-align Thuộc tính text-decoration Thuộc tính xác định layout cho bảng Thuộc tính thiết lập cách chỉnh văn cho phần tử Thuộc tính xác định hướng văn phần tử http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com Thuộc tính text-indent Thuộc tính thiết lập độ thụt dòng đoạn văn phần tử Giá trị mặc định Thuộc tính text-shadow Thuộc tính tạo shadow cho văn với hiệu ứng màu sắc đa dạng Thuộc tính text-transform Thuộc tính tịnh tiến văn phần tử tương ứng với giá trị cho Thuộc tính top Thuộc tính sử dụng với thuộc tính position để xác định cạnh phần tử Thuộc tính vertical-align Thuộc tính xác định chỉnh theo chiều dọc cho phần tử Thuộc tính visibility Thuộc tính voice-family Thuộc tính volume Thuộc tính xác định phần tử có visible hay khơng Thuộc tính lựa chọn voice family để phát nội dung phần tử Thuộc tính thiết lập âm lượng phát nội dung phần tử Giá trị thuộc tính số dãy từ tới 100 Thuộc tính white-space Thuộc tính xác định cách xử lý khoảng trắng phần tử Thuộc tính widows Thiết lập số dòng tối thiểu xuất đoạn văn cửa sổ Thuộc tính width Thuộc tính word-spacing Thuộc tính z-index Thuộc tính xác định độ rộng phần tử Thuộc tính thiết lập khoảng cách từ đoạn văn Thuộc tính xác định Layer cho phần tử Pseudo Class Pseudo Element CSS Thuộc tính Miêu tả http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com :active Pseudo Class Sử dụng Pseudo Class để thêm hiệu ứng đặc biệt tới Active Element :focus Pseudo Class Sử dụng Pseudo Class để thêm hiệu ứng đặc biệt tới phần tử phần tử focus :hover Pseudo Class Sử dụng Pseudo Class để thêm hiệu ứng đặc biệt tới phần tử bạn di chuyển chuột qua :link Pseudo Class Sử dụng Pseudo Class để thêm hiệu ứng đặc biệt tới unvisited link :visited Pseudo Class Sử dụng Pseudo Class để thêm hiệu ứng đặc biệt tới visited link :first-child Pseudo Class Sử dụng Pseudo Class để thêm hiệu ứng đặc biệt tới phần tử mà phần tử phần tử :lang Pseudo Class Sử dụng Pseudo Class để xác định ngôn ngữ sử dụng phần tử cụ thể :first-letter Pseudo Element Sử dụng Pseudo Element để thêm hiệu ứng đặc biệt tới chữ phần văn cho :first-line Pseudo Element Sử dụng Pseudo Element để thêm hiệu ứng đặc biệt tới dòng phần văn :before Pseudo Element Sử dụng Pseudo Element để chèn số nội dung vào trước phần tử (ví dụ chèn bullet) :after Pseudo Element Sử dụng Pseudo Element để chèn số nội dung vào sau phần tử http://vietjack.com/ Trang chia sẻ các bài học online miễn phí ...http://vietjack.com /css/ index.jsp ... Trang chia sẻ các bài học online miễn phí http://vietjack.com /css/ index.jsp ... Trang chia sẻ các bài học online miễn phí http://vietjack.com /css/ index.jsp