CSS3의 새로운 배경 속성은 무엇입니까?
- php中世界最好的语言원래의
- 2017-11-24 12:01:532496검색
CSS의 일부 배경 속성과 CSS3의 새로운 배경 속성을 요약하겠습니다.
배경:
배경색:배경색
배경이미지:배경 이미지
배경-반복:배경 반복
배경 위치:배경 위치 지정
배경 첨부 :배경 고정/고정)
배경 크기 배경 크기
배경 크기:x y
배경 크기:100% 100%
배경 크기:커버 비례 확대
배경 크기:포함 포함(이미지 오버플로 없음)
다중 배경
Background:url() 0 0,url() 0 100%;
Background-origin 배경 영역 위치 지정
border-box: 테두리 영역부터 시작하여 배경을 표시합니다.
padding-box: 패딩 영역부터 배경을 표시합니다.
콘텐츠 상자: 콘텐츠 영역부터 배경을 표시합니다.
Background-clip 배경 그리기 영역
border-box: 테두리 영역에서 바깥쪽으로 배경을 자릅니다.
padding-box: 패딩 영역에서 바깥쪽으로 배경을 자릅니다.
콘텐츠 상자: 콘텐츠 영역에서 바깥쪽으로 배경을 자릅니다.
텍스트: 배경 채우기 텍스트 //지원되지 않음
클립 없음: 테두리 영역에서 바깥쪽으로 배경을 자릅니다.
색상 그라디언트
선형 그라디언트: -webkit-linear-gradient (시작점/각도, 색상 위치,...,)
시작점: 왼쪽/상단/오른쪽/하단/왼쪽 상단...기본 상단
각도: 시계 반대 방향 0~360도
색상 위치: 빨간색 0, 파란색 50%, 노란색 100%(50%에서 100% 파란색까지 빨간색 그라데이션)
색상 그라데이션
repeating-linear-gradient 선형 그라데이션 반복 타일링
IE 낮은 버전 그라데이션(필터):
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',GradientType='1');
색상 그라데이션
방사형 그라데이션 : 방사형 그라데이션(시작점(원의 중심 위치), 모양/반경/크기, 색상 1, 색상 2)
시작점: 왼쪽/위/오른쪽/아래 또는 특정 값/퍼센트
모양: 타원(타원 ), 원(완벽한 원)
크기: 특정 값 또는 백분율 또는 키워드(가장 가까운 쪽(가장 가까운 끝), 가장 가까운 모서리(가장 가까운 모서리), 가장 먼 쪽(가장 먼 끝) , 가장 먼 모서리(가장 먼 모서리) , 포함(포함), 표지(표지));
참고: Firefox는 현재 키워드만 지원합니다
배경에 대한 CSS 속성이 너무 많습니다. 더 흥미로운 콘텐츠를 보려면 PHP 중국어 기타 관련 온라인 기사를 주목하세요!
관련 읽기:
HTML에서 br, p 및 DIV의 차이점은 무엇입니까
위 내용은 CSS3의 새로운 배경 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!