CSS background-origin property

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

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

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


4.0	9.0	כן	4.0	10.5

קוד לדוגמה המציגה את המאפיין 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>

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

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

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