תאור המאפיין background-origin


קובע את המיקום של התמונה בתוך האלמנט.


קוד לדוגמה המציג את המאפיין background-origin


<!DOCTYPE html>
<html>
<head>
    <title>כותרת האתר</title>
<style>
#example {
    border: 10px solid black;
    padding: 35px;
    background: url(img_flwr.gif);
    background-repeat: no-repeat;
    background-origin: border-box;
}
</style>
<meta charset="utf-8"/>
</head>
<body>
    <div id="example">
        <h2>text text...</h2>
        <p>text text text text...</p>
</body>
</html>

תמיכה בדפדפנים למאפיין background-origin


chrome logo
explorer logo
edge logo
firefox logo
safari logo
opera logo
4.0
9.0
כן
4.0
3.0
10.5

המספר מתחת לאייקון של הדפדפנים מציין את הגרסה הראשונה שבה נתמכת המאפיין.


גרסת css למאפיין background-origin


3


תכונות למאפיין background-origin


border-boxנעדכן בקרוב את תאור הערך.
content-boxנעדכן בקרוב את תאור הערך.
inheritמגדיר את הערך שיורש מההורה.
initialמגדיר את המאפיין לערך ברירת המחדל שלו.
padding-boxנעדכן בקרוב את תאור הערך.

השאר תגובה