Thuộc Tính Background | CSS | Học Web Chuẩn

Trang chủ » Bỏ Background Trong Css » Thuộc Tính Background | CSS | Học Web Chuẩn

Có thể bạn quan tâm

Thuộc tính background
  • Trang chủ
  • Tham khảo
  • CSS
  • Thuộc tính background

Định nghĩa và sử dụng

Thuộc tính background được dùng để định dạng nền (background) cho thành phần.

Cấu trúc

tag { Thuộc tính: giá trị; }

Với thuộc tính và giá trị như sau:

Thuộc tính giá trị Ví dụ Mô tả
background-attachment fixed scroll background-attachment :fixed; Xác định thành phần nền được cố định hoặc cuộn so với trang. Được sử dụng kèm với giá trị background-image
background-color mã màu tên màu Giá trị rgb background-color :#ff0000; background-color: red; background-color: rgb(255,0,0); Xác định màu nền cho thành phần.
background-image url(đường dẫn hình) background-image: url(ico_arrow.gif); Xác định hình ảnh nền cho thành phần.
background-position left right top bottom px % background-position: left top; Xác định vị trí hình ảnh nền cho thành phần. Được sử dụng kèm với giá trị background-image.
background-repeat repeat-x repeat-y repeat no-repeat background-repeat: repeat-x; Xác định hình ảnh nền được lặp như thế nào.
background Một hoặc nhiều giá trị của các thuộc tính trên background: url(ico_arrow.gif) repeat-x left top; Có giá trị riêng lẻ hoặc tổng hợp các thuộc tính trên.

Ví dụ

Xem thêm ví dụ

HTML viết:

<html> <head></head> <body> <p>Đây là tag p có sử dụng thuộc tính background.</p> </body> </html>

CSS viết:

p { background: #ffff00; }

Hiển thị trình duyệt:

Đây là tag p có sử dụng thuộc tính background.

Trình duyệt hỗ trợ

  • Internet Explorer
  • Firefox
  • Opera
  • Google Chrome
  • Safari

Thuộc tính background được hỗ trợ trong đa số các trình duyệt.

Link liên quan

  • HTML/XHTML
  • CSS
  • <html></html>
  • <head></head>
  • <body></body>
  • <p></p>

border

CSS

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

Thuộc tính CSS

  • background
  • border
  • border-collapse
  • border-spacing
  • bottom
  • caption-side
  • clear
  • clip
  • color
  • content
  • counter-increment
  • counter-reset
  • cursor
  • direction
  • display
  • empty-cells
  • float
  • font
  • height
  • left
  • letter-spacing
  • line-height
  • list-style
  • margin
  • max-height
  • max-width
  • min-height
  • min-width
  • outline
  • overflow
  • padding
  • page-break-after
  • page-break-before
  • page-break-inside
  • position
  • quotes
  • right
  • table-layout
  • text-align
  • text-decoration
  • text-indent
  • text-transform
  • top
  • vertical-align
  • visibility
  • white-space
  • width
  • word-spacing
  • z-index

Tham khảo CSS

  • CSS - Tham khảo
  • CSS - Bộ chọn (selectors)
  • CSS - Thuộc tính
  • CSS3 - Tham khảo
  • CSS3 - Bộ chọn (selectors)
  • CSS3 - Thuộc tính
  • Xem thêm ví dụ về CSS

Tham khảo HTML/XHTML

  • Tham khảo HTML/XHTML
  • Tag theo function
  • Tag theo giá trị DTD
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Xem thêm ví dụ về HTML

Tham khảo JQUERY

  • jQuery - Tham khảo
  • jQuery - Cài đặt và sử dụng
  • jQuery - Bộ chọn (selectors)
  • jQuery - Hàm (function)
  • jQuery - Ajax

Tham khảo Thêm

  • Lang codes
  • Font chữ
  • Mã ký tự
  • MIME
  • Đơn vị trong HTML & CSS
  • Giá trị màu trong HTML & CSS
  • Thuộc tính tổng quát

CHUYÊN ĐỀ

  • Chuyên đề
  • Chuyên đề HTML/CSS
  • Chuyên đề HTML5/CSS3
  • Chuyên đề jQuery/JS
  • jQuery/JS plugin

Góp ý - Liên hệ

  • CÔNG CỤ TẠO CSS3CSS3 GENERATOR
  • BỘ CÔNG CỤGENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢWEB TOOLS
  • CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAYWEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Từ khóa » Bỏ Background Trong Css