TỔNG HỢP CÁC THUỘC TÍNH CỦA CSS

     

Các trực thuộc tính của CSS

Đây là bảng nắm tắt tất cả các ở trong tính được sử dụng vào CSS. Sẽ vô cùng cần thiết cho chính mình xem thêm, tra cứu vãn Khi sử dụng CSS. Chi huyết từng trực thuộc tính vẫn giới thiệu sinh sống từng bài riêng.

Bạn đang xem: Tổng Hợp Các Thuộc Tính Của Css

Các nhóm ở trong tính của CSS


Cột “CSS” đã cho thấy phiên phiên bản CSS mà thuộc tính này được sử dụng( CSS1, CSS2 hoặc CSS3).

Xem thêm:

Các ở trong tính Color

Chức năng để tùy chỉnh cấu hình Màu sắc và độ trong suốt của vnạp năng lượng bản


Thuộc tínhMô tảCSS
colorĐặt Màu sắc mang lại đoạn vnạp năng lượng bản1
opacityĐặt cường độ trong veo mang lại một trong những phần tử như thế nào đó3

Các nằm trong tính Background với Border

Chức ănng cấu hình thiết lập những ở trong tính màu sắc nền với đường biên cho các đối tượng người dùng bên trên trang.

Xem thêm: Bộ Font Chữ Tiếng Việt Cho Windows 10, Win 7, Xp, Tổng Hợp 10

Thuộc tínhMô tảCSS
backgroundMột thuộc tính viết tắt để đặt ở trong tính nền trong lời knhì báo1
background-attachmentĐặt một ảnh trên nền nhằm cố định hoặc cuộn cùng với phần còn lại của trang1
background-blend-modeChỉ định những chính sách trộn của mỗi lớp nền(màu sắc/hình ảnh)3
background-colorChỉ định color nền của một trong những phần tử1
background-imageChỉ định một hoặc những hình màn hình mang lại một trong những phần tử1
background-positionChỉ xác định trí của hình hình họa nền1
background-repeatThiết lập thế nào một ảnh nền sẽ tiến hành lặp đi lặp lại1
background-clipChỉ định Khu Vực nhằm tô màu nền3
background-originChỉ định vị trí những hình nền được định vị3
background-sizeChỉ định size của hình họa nền3
borderThiết lập toàn bộ các thuộc tính đường viền vào lời knhị báo1
border-bottomThiết lập tất cả các nằm trong tính con đường viền bên dưới trong lời knhị báo1
border-bottom-colorThiết lập màu sắc của đường viền dưới1
border-bottom-left-radiusXác định hình dạng của những mặt đường viền góc bên dưới mặt trái3
border-bottom-right-radiusXác định hình dạng của các con đường viền góc bên dưới mặt phải3
border-bottom-styleThiết lập hình trạng (style) của mặt đường viền dưới1
border-bottom-widthThiết lập phạm vi của mặt đường viền dưới1
border-colorThiết lập Color của tứ mặt đường viền1
border-imageMột nằm trong tính viết tắt nhằm thiết lập cấu hình tất cả các nằm trong tính border-image-*3
border-image-outsetChỉ định quý hiếm Khu Vực ảnh viền vượt ra bên ngoài vùng giới hạn của vùng bao3
border-image-repeatChỉ định hình ảnh viền bắt buộc được lặp đi tái diễn, tròn hoặc kéo dài3
border-image-sliceChỉ định rõ ràng ra làm sao để cắt ảnh viền3
border-image-sourceChỉ định đường dẫn cho tới hình ảnh nhằm áp dụng như con đường viền3
border-image-widthChỉ định độ rộng của ảnh-viền3
border-leftThiết lập toàn bộ trực thuộc tính đường viền trái trong lời khai báo1
border-left-colorThiết lập màu sắc của mặt đường viền trái1
border-left-styleThiết lập giao diện ( style) của con đường viền trái1
border-left-widthThiết lập phạm vi của con đường viền trái1
border-radiusThuộc tính viết tắt nhằm cấu hình thiết lập tất cả tứ con đường viền-*-nằm trong tính radius(buôn bán kính)3
border-rightThiết lập ở trong tính mặt đường viền đề xuất vào lời knhị báo1
border-right-colorThiết lập Màu sắc mang đến mặt đường viền phải1
border-right-styleThiết lập kiểu (style) mang đến mặt đường viền phải1
border-right-widthThiết lập phạm vi mang lại con đường viền phải1
border-styleThiết lập kiểu (style) mang đến tư mặt đường viền1
border-topThiết lập nằm trong tính mặt đường viền trên vào lời khai báo1
border-top-colorThiết lập màu sắc mang đến con đường viền trên1
border-top-left-radiusXác định hình dạng của đường viền góc trên bên trái3
border-top-right-radiusXác định hình dạng của đường viền góc trên mặt phải3
border-top-styleThiết lập kiểu (style) đến con đường viền trên1
border-top-widthThiết lập độ rộng của đường viền trên1
border-widthThiết lập phạm vi của tứ đường viền1
box-decoration-breakThiết lập tầm vóc của ảnh nền cùng con đường viền của một trong những phần tử tại trang ngắt, hoặc so với bộ phận in-line , trên chiếc ngắt.3
box-shadowGắn một hoặc những đổ bóng (drop-shadows) vào hộp3

Các thuộc tính Basic Box

Thuộc tínhMô tảCSS
bottomXác định vị trí cuối của phần tử position (vị trí)2
clearXác định phía 2 bên của phần tử (left,right) khu vực cơ mà thành phần float không được cho phép (ngăn uống cản thành phần ko được float trái, nên tốt cả hai)1
clipXác định đoạn dồn phần tử khi sử dụng ở trong tính position có mức giá trị “absolute2
displayChỉ định có tác dụng cố làm sao 1 phần tử HTML nào đó sẽ tiến hành hiển thị1
floatXác định có hay không một box được float(trôi nổi)1
heightThiết lập chiều cao của thành phần1
leftXác định vị trí phía trái của phần tử position2
marginThiết lập ở trong tính margin (cnạp năng lượng lề cho phần tử) vào một thông báo1
margin-bottomThiết lập lề dưới của một trong những phần tử1
margin-leftThiết lập lề trái của một trong những phần tử1
margin-rightThiết lập lề cần của 1 phần tử1
margin-topThiết lập lề bên trên của một phần tử1
max-heightThiết lập độ cao tối đa của một trong những phần tử2
max-widthThiết lập chiều rộng lớn về tối đa của một phần tử2
min-heightThiết lập chiều cao buổi tối thiểu của 1 phần tử2
min-widthThiết lập chiều rộng về tối tphát âm của 1 phần tử2
overflowChỉ định các gì đang xảy ra giả dụ văn bản tràn ra bên ngoài thành phần hộp2
overflow-xXác định tất cả hay không để cắt cạnh trái/đề xuất của đoạn văn uống phiên bản, trường hợp nó tràn thoát khỏi khu vực ngôn từ của phần tử3
overflow-yXác định bao gồm hay là không nhằm giảm cạnh trên /bên dưới của đoạn văn phiên bản, ví như nó tràn ra khỏi khu vực ngôn từ của phần tử3
paddingThiết lập lại ở trong tính padding (vùng đệm) vào lời knhị báo1
padding-bottomThiết lập vùng đệm bên dưới của phần tử1
padding-leftThiết lập vùng đệm trái của 1 phần tử1
padding-rightThiết lập vùng đệm nên của một phần tử1
padding-topThiết lập vùng đệm trên của một trong những phần tử1
positionXác định thứ hạng của cách tiến hành định vị được thực hiện mang đến 1 phần tử (static, relative sầu, absolute or fixed)2
rightXác định vị trí đề nghị của bộ phận position2
topXác định vị trí trên của phần tử position2
visibilityXác định gồm hay là không một trong những phần tử rất có thể nhìn thấy được2
widthThiết lập độ rộng của phần tử1
vertical-alignSắp xếp ngôn từ theo chiều dọc của phần tử1
z-indexThiết lập thứ trường đoản cú xếp ông chồng nhau của bộ phận position2

Thuộc tính mang lại bố cục tổng quan Flexible Box

Thuộc tínhMô tảCSS
align-contentXác định sự căn chỉnh giữa những dòng bên trong một kân hận linch hoạt ( flexible container) khi các mục không thực hiện những khoảng tầm cách tất cả sẵn3
align-itemsXác định sự căn chỉnh cho các mục phía bên trong một kân hận linch hoạt ( flexible container)3
align-selfXác định sự chỉnh sửa cho các mục được lựa chọn bên phía trong một kân hận linh hoạt ( flexible container)3
flexXác định độ lâu năm của các mục, tương đối với phần còn lại3
flex-basisXác định độ lâu năm thuở đầu của một mục linh hoạt (flexible item)3
flex-directionXác kim chỉ nan của các mục linch hoạt (flexible items)3
flex-flowMột thuộc tính viết tắt cho thuộc tính flex-direction và flex-wrap3
flex-growChỉ định từng nào mục vẫn tăng tương đối đối với phần còn lại3
flex-shrinkChỉ định bao nhiêu mục sẽ sút tương đối so với phần còn lại3
flex-wrapChỉ định liệu các mục linc hoạt (flexible items) cần quấn giỏi không3
justify-contentXác định sự căn chỉnh thân những mục bên phía trong một kăn năn linch hoạt (flexible container) khi những mục không sử dụng tất cả các khoảng tầm cách gồm sẵn3
orderThiết lập đồ vật từ của các mục linch hoạt (flexible items), tương đối so với phần còn lại3

Các thuộc tính Text

Thuộc tínhMô tảCSS
hanging-punctuationXác định ký từ bỏ chấm câu hoàn toàn có thể được đặt tại ngoài đường hộp3
hyphensThiết lập làm cho cố kỉnh nào bóc từ để cải thiện phương pháp bố trí của đoạn văn3
letter-spacingTăng hoặc giảm khoảng cách thân các ký từ vào một vnạp năng lượng bản1
line-breakXác định cách ngắt dòng3
line-heightThiết lập chiều cao của dòng1
overflow-wrapXác định gồm hay không trình coi sóc có thể ngắt cái trong số từ bỏ để ngăn cản Việc tràn (Khi một chuỗi vượt lâu năm để cân xứng cùng với vỏ hộp cất nó3
tab-sizeXác định chiều lâu năm của các kí trường đoản cú tab3
text-alignXác định căn chỉnh câu chữ theo chiều ngang1
text-align-lastMô tả cách cái cuối cùng của mộtđoạn hoặc một cái ngay trước khi một ngắt cái là căn chỉnh khi text-align là “justify”3
text-combine-uprightXác định sự kết hợp của đa ký kết trường đoản cú vào khoảng cách của một ký tự đơn3
text-indentXác xác định rõ sự thụt cái đầu tiên trong một kân hận văn uống bản1
text-justifyXác định phương pháp căn uống lề trực tiếp sản phẩm phía 2 bên thực hiện khi text-align là “justify”3
text-transformĐiều khiển những chữ in hoa1
white-spaceXác định biện pháp mà khoảng tầm White bên phía trong một trong những phần tử được xử lý1
word-breakXác định luật lệ ngắt chiếc so với scripts non-CJK3
word-spacingTăng hoặc bớt khoảng cách giữa các từ trong đoạn văn1
word-wrapCho phnghiền dài, số đông trường đoản cú dài được xuống sản phẩm cơ mà không làm vỡ layout3

Các ở trong tính Text Decoration

Thuộc tínhMô tảCSS
text-decorationXác định các trang trí thêm vào vnạp năng lượng bản1
text-decoration-colorXác định màu của văn uống phiên bản tô điểm (text-decoration)3
text-decoration-lineXác định một số loại của cái trong text-decoration3
text-decoration-styleXác định phong cách của những cái vào một văn uống bản trang trí3
text-shadowThêm đổ trơn đến văn bản3
text-underline-positionXác định vị trí của những gạch bên dưới được thiết lập bằng cách áp dụng trực thuộc tính text-decoration3

Các trực thuộc tính Font

Thuộc tínhMô tảCSS