課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
background-origin有什么具體的作用?
2015-11-24
源自:十天精通CSS3 5-1
正在回答
就像是? 把照片放在相框里面? 相框邊框決定了里面放多大的照片?? 而background-origin就是讓你決定背景圖片是放在哪里
告訴瀏覽器你圖片的中心點在哪里
瀏覽器支持IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-origin 屬性。定義和用法background-origin 屬性規(guī)定 background-position 屬性相對于什么位置來定位。注釋:如果背景圖像的 background-attachment 屬性為 "fixed",則該屬性沒有效果。默認值:padding-box ? ?繼承性:no ? ?版本:CSS3 ? ?JavaScript 語法:object.style.backgroundOrigin="content-box" ? ?語法 ?background-origin: padding-box | border-box | content-box;值 ? ? ? ? ? ? ? ? ? ? ? ? ?描述padding-box ? ? ? ?背景圖像相對于內(nèi)邊距框來定位。 ?border-box ? ? ? ? ?背景圖像相對于邊框盒來定位。?content-box ? ? ? ? 背景圖像相對于內(nèi)容框來定位。 ?
瀏覽器支持
IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-origin 屬性。
定義和用法
background-origin 屬性規(guī)定 background-position 屬性相對于什么位置來定位。
注釋:如果背景圖像的 background-attachment 屬性為 "fixed",則該屬性沒有效果。
默認值:padding-box ? ?
繼承性:no ? ?
版本:CSS3 ? ?
JavaScript 語法:object.style.backgroundOrigin="content-box" ? ?
語法 ?background-origin: padding-box | border-box | content-box;
值 ? ? ? ? ? ? ? ? ? ? ? ? ?描述
padding-box ? ? ? ?背景圖像相對于內(nèi)邊距框來定位。 ?
border-box ? ? ? ? ?背景圖像相對于邊框盒來定位。?
content-box ? ? ? ? 背景圖像相對于內(nèi)容框來定位。 ?
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
3 回答background-origin 有什么用,和background-position 相比有哪些優(yōu)點、缺點???
2 回答background-origin篇
1 回答background-posirion和background-origin區(qū)別
3 回答input 里面的id=""具體用在什么地方?有什么作用?
1 回答這個在網(wǎng)頁中的具體作用是什么?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-01-20
就像是? 把照片放在相框里面? 相框邊框決定了里面放多大的照片?? 而background-origin就是讓你決定背景圖片是放在哪里
2015-11-25
告訴瀏覽器你圖片的中心點在哪里
2015-11-25