Thuộc tính CSS – tài sản css là gì

Thuộc tính CSS chỉ định một đặc tính hoặc tính năng được áp dụng cho một phần tử HTML. Ví dụ bao gồm: màu nền, độ rộng đường viền, lề và kiểu phông chữ.

Bạn đang xem : thuộc tính css là gì

Tài sản
Sự mô tả

align-content
Căn chỉnh các mục trong một vùng chứa linh hoạt dọc theo các đường uốn cong.

align-items
Căn chỉnh các mục cách đều nhau trong hộp linh hoạt.

align-self
Căn chỉnh một mục bên trong hộp linh hoạt.

tất cả
Đặt lại tất cả các thuộc tính của phần tử về các giá trị mặc định hoặc kế thừa của nó.

hoạt ảnh
Tạo một phần tử hoạt hình.

animation-delay
Đặt thời gian trễ trước khi hoạt ảnh bắt đầu.

animation-direction
Đặt cách, theo hướng, hoạt ảnh được phát.

thời lượng hoạt ảnh
Xác định thời lượng của một chu kỳ hoạt ảnh.

animation-fill-mode
Xác định cách các kiểu được áp dụng trước và sau hoạt ảnh.

animation-iteration-count
Đặt số lần một hoạt ảnh được phát.

animation-name
Xác định tên cho hoạt ảnh.

animation-play-state
Đặt trạng thái phát hoạt ảnh thành đang chạy hoặc tạm dừng.

animation-timing-function
Chỉ định đường cong tốc độ hoạt ảnh.

khả năng hiển thị mặt sau
Hiển thị hoặc ẩn khả năng hiển thị mặt sau của một phần tử.

background
Đặt nền của một phần tử.

background-attachment
Xác định cách nền được gắn vào một phần tử.

background-blend-mode
Xác định chế độ hòa trộn lớp nền.

background-clip
Xác định cách nền mở rộng ra ngoài phần tử.

background-color
Đặt màu nền của phần tử.

background-image
Chỉ định hình nền cho một phần tử.

background-origin
Chỉ định vị trí gốc của ảnh nền.

background-position
Đặt vị trí của hình nền.

background-repeat
Chỉ định cách hình ảnh nền được lặp lại.

background-size
Đặt kích thước của hình nền.

border
Chỉ định đường viền cho một phần tử

border-bottom
Chỉ định đường viền dưới cùng cho một phần tử.

border-bottom-color
Đặt màu của đường viền dưới cùng.

border-bottom-left-radius
Đặt bán kính đường viền của góc dưới cùng bên trái.

border-bottom-right-radius
Đặt bán kính đường viền của góc dưới cùng bên phải

border-bottom-style
Đặt kiểu của đường viền dưới cùng.

border-bottom-width
Đặt chiều rộng của đường viền dưới cùng

border-sập
Đặt đường viền bảng thành một dòng được thu gọn hoặc được phân tách.

border-color
Đặt màu của đường viền.

border-image
Xác định hình ảnh dưới dạng đường viền, thay vì màu.

border-image-outset
Đặt khoảng cách hình ảnh đường viền mở rộng ra ngoài đường viền.

border-image-repeat
Xác định nếu và cách hình ảnh đường viền được lặp lại.

border-image-slice
Xác định cách hình ảnh đường viền sẽ được cắt.

border-image-source
Chỉ định url của tệp hình ảnh đường viền.

border-image-width
Đặt chiều rộng của đường viền hình ảnh.

border-left
Đặt đường viền bên trái của phần tử.

border-left-color
Đặt màu của đường viền bên trái.

border-left-style
Đặt kiểu của đường viền bên trái.

border-left-width
Đặt chiều rộng của đường viền bên trái.

bán kính đường viền
Đặt bán kính của đường viền.

border-right
Đặt đường viền bên phải của phần tử.

border-right-color
Đặt màu của đường viền bên phải.

border-right-style
Đặt kiểu của đường viền bên phải.

border-right-width
Đặt chiều rộng của đường viền bên phải.

border-spacing
Đặt khoảng cách ô bảng liền kề.

border-style
Xác định kiểu của đường viền

border-top
Đặt đường viền trên cùng của phần tử.

border-top-color
Đặt màu của đường viền trên cùng.

border-top-left-radius
Đặt bán kính đường viền của góc trên cùng bên trái.

border-top-right-radius
Đặt bán kính đường viền của góc trên cùng bên phải.

border-top-style
Đặt kiểu của đường viền trên cùng.

border-top-width
Đặt chiều rộng của đường viền trên cùng.

border-width
Đặt chiều rộng đường viền của phần tử.

bottom
Định vị phần tử từ dưới cùng của vùng chứa tương đối.

box-shadow
Thêm hiệu ứng đổ bóng vào một phần tử.

kích thước hộp
Đặt cách tính chiều cao và chiều rộng của phần tử.

caption-side
Xác định phụ đề được đặt ở phía nào của bảng.

caret-color
Đặt màu của dấu mũ chuột nhấp nháy.

@ charset
Chỉ định mã hóa ký tự của biểu định kiểu.

xóa
Đặt phía phần tử không cho phép phần tử nổi.

clip
Đặt cách cắt hoặc cắt hình ảnh bên trong vùng chứa.

clip-path
Cắt một phần tử bên trong một hình dạng cụ thể hoặc SVG.

color
Chỉ định màu của văn bản trong một phần tử.

Xem Thêm  Hướng dẫn Bootstrap - bootstrap cách bắt đầu

số lượng cột
Chia một phần tử thành số cột được chỉ định.

column-fill
Chỉ định cách các cột đã chia được lấp đầy.

column-gap
Chỉ định không gian giữa các cột được chia.

quy tắc cột
Đặt kiểu, chiều rộng và màu sắc của dải phân cách cột.

column-rule-color
Đặt màu của vạch chia cột.

column-rule-style
Đặt kiểu chia cột.

column-rule-width
Đặt chiều rộng của vạch chia cột.

column-span
Đặt số cột được chia mà một phần tử sẽ kéo dài. column-width
Chỉ định chiều rộng của một cột được chia.

cột
Chia một phần tử thành các cột có chiều rộng nhất định.

nội dung
Dùng để chèn nội dung vào trước hoặc sau một phần tử.

tăng số đếm
Tăng hoặc giảm bộ đếm CSS.

đặt lại phản hồi
Khởi tạo hoặc đặt lại bộ đếm CSS.

con trỏ
Chỉ định hình dạng của con trỏ chuột.

hướng
Chỉ định hướng viết văn bản của một phần tử cấp khối.

hiển thị
Chỉ định hành vi hiển thị của một phần tử.

ô trống
Chỉ định xem các đường viền ô trống trong bảng có được hiển thị hay không.

bộ lọc
Thêm hiệu ứng nâng cao hình ảnh vào hình ảnh.

flex
Chỉ định chiều rộng của các mục linh hoạt.

flex-base
Chỉ định chiều rộng ban đầu của một mục linh hoạt.

flex-direction
Chỉ định hướng cho mục linh hoạt để căn chỉnh.

flex-flow
Kiểm soát hướng và gói các mặt hàng linh hoạt.

flex-grow
Chỉ định cách một mục linh hoạt có thể phát triển bên trong vùng chứa.

flex-co
Chỉ định cách một mục linh hoạt có thể thu nhỏ bên trong hộp chứa.

flex-wrap
Chỉ định cách các vật phẩm linh hoạt bọc bên trong hộp đựng.

float
Đặt cách một phần tử được định vị so với các phần tử khác.

font
Đặt họ phông chữ, biến thể, trọng lượng, chiều cao và kích thước cho một phần tử.

@ font-face
Nhúng một phông chữ tùy chỉnh bên trong một trang web

font-family
Đặt họ phông chữ cho một phần tử.

font-kerning
Đặt khoảng cách giữa các ký tự của phông chữ.

font-size
Đặt kích thước của phông chữ cho một phần tử.

font-size-Adjust
Chỉ định kích thước phông chữ dự phòng.

font-stretch
Đặt các ký tự văn bản thành một biến thể rộng hơn hoặc hẹp hơn.

font-style
Đặt kiểu phông chữ thành bình thường, nghiêng hoặc xiên.

font-variant
Chỉ định rằng văn bản được hiển thị bằng phông chữ viết hoa nhỏ.

font-weight
Đặt trọng lượng hoặc độ dày của phông chữ.

lưới
Xác định bố cục lưới với các hàng và cột đáp ứng.

vùng lưới
Đặt kích thước và vị trí của các mục lưới trong vùng chứa lưới.

lưới-tự động-cột
Chỉ định kích thước của các cột trong vùng chứa lưới.

grid-auto-flow
Chỉ định vị trí ban đầu của các mục trong vùng chứa lưới.

lưới-tự động-hàng
Chỉ định kích thước ban đầu của các mục trong vùng chứa lưới.

lưới-cột
Chỉ định kích thước và vị trí của mục lưới trong vùng chứa lưới.

grid-column-end
Chỉ định mục lưới sẽ kết thúc trong dòng cột nào.

grid-column-gap
Chỉ định kích thước khoảng cách giữa các cột trong vùng chứa lưới.

grid-column-start
Chỉ định dòng cột nào mà mục lưới sẽ bắt đầu.

lưới-gap
Chỉ định kích thước khoảng cách giữa các hàng và cột trong lưới.

lưới-hàng
Chỉ định kích thước và vị trí mục lưới trong vùng chứa lưới. grid-row-end
Chỉ định mục lưới sẽ kết thúc ở dòng nào.

lưới-row-gap
Chỉ định kích thước khoảng cách giữa các hàng trong vùng chứa lưới.

grid-row-start
Chỉ định dòng mục lưới sẽ bắt đầu ở dòng nào

lưới-mẫu
Chia trang thành các phần với kích thước, vị trí và lớp.

lưới-mẫu-khu vực
Chỉ định khu vực trong một vùng chứa lưới.

lưới-mẫu-cột
Đặt số lượng và chiều rộng của cột trong vùng chứa lưới.

lưới-mẫu-hàng
Đặt số lượng và chiều cao của các hàng trong vùng chứa lưới.

height
Đặt chiều cao của một phần tử.

dấu gạch ngang
Chỉ định dấu gạch nối với các cơ hội bọc trong một dòng văn bản.

@ nhập
Nhập một biểu định kiểu vào trong một biểu định kiểu khác.

justify-content
Xác định sự liên kết của các mục trong một vùng chứa linh hoạt.

@ keyframes
Xác định kiểu CSS để tạo hoạt ảnh.

còn lại
Định vị phần tử từ bên trái của vùng chứa tương đối.

Xem Thêm  Tìm Hiểu Thuật Toán Phân Trang, Pagination Là Gì

letter-spacing
Đặt khoảng cách giữa các ký tự.

line-height
Đặt khoảng cách dọc giữa các dòng văn bản.

list-style
Xác định các điểm đánh dấu (dấu đầu dòng) cho các mục trong danh sách.

list-style-image
Xác định điểm đánh dấu hình ảnh (dấu đầu dòng) cho các mục trong danh sách.

list-style-position
Đặt vị trí điểm đánh dấu (dấu đầu dòng) cho các mục trong danh sách

list-style-type
Xác định các loại điểm đánh dấu (dấu đầu dòng) cho các mục trong danh sách

margin
Đặt lề (khoảng cách bên ngoài) cho một phần tử.

margin-bottom
Đặt lề dưới cùng (khoảng cách bên ngoài) cho một phần tử.

margin-left
Đặt lề trái (khoảng cách bên ngoài) cho một phần tử.

margin-right
Đặt lề phải (khoảng cách bên ngoài) cho một phần tử.

margin-top
Đặt lề trên cùng (khoảng cách bên ngoài) cho một phần tử.

max-height
Đặt chiều cao tối đa cho một phần tử.

max-width
Đặt chiều rộng tối đa cho một phần tử.

@ media
Áp dụng các truy vấn phương tiện cho một trang.

chiều cao tối thiểu
Đặt chiều cao tối thiểu cho một phần tử.

min-width
Đặt chiều rộng tối thiểu cho một phần tử.

object-fit
Chỉ định cách hình ảnh hoặc video phù hợp bên trong vùng chứa.

object-position
Chỉ định hình ảnh hoặc vị trí video bên trong vùng chứa.

độ mờ
Đặt độ mờ (trong suốt) của phần tử.

đặt hàng
Chỉ định thứ tự của một mặt hàng trong thùng linh hoạt.

phác thảo
Thêm đường viền (đường viền được đánh dấu) vào một phần tử.

outline-color
Đặt màu cho đường viền.

outline-offset
Đặt khoảng cách giữa đường viền và đường viền.

outline-style
Đặt kiểu của một đường viền.

outline-width
Đặt chiều rộng của đường viền.

tràn
Chỉ định luồng nội dung vượt quá vùng chứa.

tràn-x
Chỉ định luồng nội dung vượt quá chiều rộng vùng chứa.

tràn-y
Chỉ định luồng nội dung vượt quá chiều cao vùng chứa.

padding
Đặt khoảng cách giữa nội dung và đường viền phần tử.

padding-bottom
Đặt khoảng cách giữa nội dung và đường viền phần tử dưới cùng.

padding-left
Đặt khoảng cách giữa nội dung và đường viền bên trái của phần tử.

padding-right
Đặt khoảng cách giữa nội dung và đường viền bên phải của phần tử.

padding-top
Đặt khoảng cách giữa nội dung và đường viền phần tử trên cùng.

page-break-after
Thêm dấu ngắt trang in sau một phần tử.

page-break-before
Thêm dấu ngắt trang in trước một phần tử.

page-break-inside
Chỉ định xem có cho phép ngắt trang in bên trong một phần tử hay không.

phối cảnh
Thêm phối cảnh vào phần tử được định vị 3D.

quan điểm-origin
Đặt gốc của phối cảnh cho phần tử được định vị 3D.

con trỏ-sự kiện
Chỉ định xem phần tử có phản ứng với các sự kiện con trỏ hay không.

vị trí
Đặt phương thức định vị của phần tử.

trích dẫn
Xác định dấu ngoặc kép được sử dụng trên văn bản.

phải
Định vị phần tử từ bên phải của vùng chứa tương đối.

hành vi cuộn
Chỉ định hành vi cuộn của một phần tử

bố cục bảng
Căn chỉnh các phần tử theo một bảng với các hàng và cột.

text-align
Đặt căn chỉnh của văn bản bên trong một phần tử.

text-align-last
Đặt căn chỉnh cho dòng văn bản cuối cùng.

text-decoration
Xác định kiểu và màu của văn bản được gạch chân.

text-decoration-color
Xác định màu của văn bản được gạch chân.

text-decoration-line
Xác định loại dòng để sử dụng với văn bản.

text-decoration-style
Xác định kiểu của văn bản được gạch chân.

text-indent
Đặt thụt lề ở đầu văn bản.

text-justify
Xác định phần điều chỉnh văn bản bên trong vùng chứa.

text-tràn
Đặt hành vi hiển thị của văn bản làm tràn vùng chứa.

text-shadow
Thêm hiệu ứng đổ bóng vào văn bản.

text-biến đổi
Xác định cách viết hoa hoặc viết hoa văn bản.

hàng đầu
Định vị phần tử từ trên cùng của vùng chứa tương đối

chuyển đổi
Áp dụng chuyển đổi 2D hoặc 3D cho một phần tử.

biến đổi-origin
Đặt nguồn gốc cho phép biến đổi của phần tử.

biến đổi kiểu
Chỉ định hành vi hiển thị của các phần tử lồng nhau trong không gian 3D.

chuyển đổi
Tạo chuyển đổi từ giá trị thuộc tính này sang giá trị thuộc tính khác.

Xem Thêm  Cách kiểm tra mã HTML trong trình duyệt - mã trang kiểm tra html

độ trễ chuyển tiếp
Tạo độ trễ trước khi hiệu ứng chuyển tiếp bắt đầu.

thời lượng chuyển tiếp
Chỉ định thời gian quá trình chuyển đổi sẽ diễn ra.

chuyển tiếp-thuộc tính
Chỉ định thuộc tính CSS sẽ chuyển đổi.

chuyển đổi-thời gian-chức năng
Xác định hàm đường cong tốc độ của quá trình chuyển đổi.

người dùng chọn
Chỉ định cách văn bản có thể được chọn (đánh dấu)

vertical-align
Chỉ định căn chỉnh theo chiều dọc của một phần tử.

khả năng hiển thị
Chỉ định khả năng hiển thị của một phần tử.

white-space
Chỉ định cách xử lý khoảng trắng bên trong một phần tử.

width
Đặt chiều rộng của một phần tử.

word-break
Chỉ định cách ngắt dòng diễn ra.

word-spacing
Đặt khoảng cách giữa các từ.

word-wrap
Chỉ định thời lượng các từ có thể được gói.

chế độ viết
Đặt hướng đọc văn bản: từ trên xuống dưới, v.v.

z-index
Đặt thứ tự xếp chồng dọc so với các phần tử khác.


Xem thêm những thông tin liên quan đến chủ đề tài sản css là gì

What is CSS? | CSS Sunday Ep.1

  • Tác giả: Jesse Showalter
  • Ngày đăng: 2019-03-31
  • Đánh giá: 4 ⭐ ( 6151 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: What is CSS? CSS stands for Cascading Style Sheets with an emphasis placed on “Style.” In this new series called “CSS Sundays”, I explore CSS in a bite-sized way in each episode. Remember to Subscribe https://goo.gl/6vCw64

    While HTML is used to structure a web document (defining things like headlines and paragraphs, and allowing you to embed images, video, and other media), CSS comes through and specifies your document’s style—page layouts, colors, and fonts are all determined with CSS. Think of HTML as the foundation (every house has one), and CSS as the aesthetic choices (there’s a big difference between a Victorian mansion and a mid-century modern home).

    Links for further reading
    https://www.w3schools.com/csS/css_intro.asp
    https://www.w3.org/standards/webdesign/htmlcss
    https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works

    ————————————————————————————

    ////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more…
    https://learn.jesseshowalter.com/membership

    ////////// Connect with me here 👍🏼
    Instagram: https://www.instagram.com/iamjesseshow
    Twitter: http://twitter.com/iamjesseshow
    Anchor: https://anchor.fm/iamjesseshow
    Medium: https://medium.com/@iamjesseshow

    ////////// Sign up for my Monthly Newsletter 📫
    http://jesseshowalter.com/newsletter

    ////////// Music is from Musicbed click below for a free trial 👇🏼
    http://share.mscbd.fm/iamjesseshow

    ////////// Equipment 📸
    https://www.amazon.com/shop/jesseshowaltertv

Tài sản vị trí của CSS : Mọi thứ bạn cần biết

  • Tác giả: kynguyencongnghe.com
  • Đánh giá: 4 ⭐ ( 6978 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Tài sản là gì? Quy định của pháp luật Việt Nam về tài sản và quyền tài sản

  • Tác giả: lawkey.vn
  • Đánh giá: 4 ⭐ ( 8975 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tài sản là vật, tiền, giấy tờ có giá và quyền tài sản. Tài sản bao gồm bất động sản và động sản. Vậy hiểu cụ thể tài sản là gì?

Sự khác biệt giữa id và class trong CSS

  • Tác giả: vi.strephonsays.com
  • Đánh giá: 5 ⭐ ( 6122 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sự khác biệt chính giữa id và class trong CSS là id được sử dụng để áp dụng kiểu dáng cho một phần tử duy nhất trong khi lớp được sử dụng để áp dụng kiểu dáng cho nhiều phần tử.

Tài sản lớn nhất của doanh nghiệp là tài sản sở hữu trí tuệ

  • Tác giả: phaptri.vn
  • Đánh giá: 3 ⭐ ( 8600 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tài sản của doanh nghiệp có thể được chia làm hai loại là tài sản hữu hình và tài sản vô hình trong đó tài sản ( tài sản sở hữu trí tuệ) có giá trị lớn nhất

Hồ sơ CSS cho Hỗ trợ Tài chính là gì?

  • Tác giả: www.greelane.com
  • Đánh giá: 5 ⭐ ( 3902 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu về Hồ sơ CSS của College Board, các trường sử dụng nó và vai trò của nó trong quy trình hỗ trợ tài chính.

CSS là gì?

  • Tác giả: topdev.vn
  • Đánh giá: 4 ⭐ ( 9468 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML). Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình