קווי מתאר (outline) הם קווים המקיפים את האובייקט, מחוץ לקוי הגבול שלו, על מנת להבליט את האובייקט.
באמצעות המאפיינים של קווי המתאר, ניתן לקבוע את מיקומם של קווי המתאר מסביב לאובייקט וכן את העובי, הסגנון והצבע של קווי המתאר.
לתשומת לבכם: קווי מתאר אינם חייבים להיות מלבניים והם אינם "גוזלים" מקום במרחב האובייקט.
<head>
<style type="text/css">
p.one
{
border: red solid thin;
outline-style: solid;
outline-width: thick
}
p.two
{
border: red solid thin;
outline-style: solid;
outline-width: 2px
}
</style>
</head>
<body>
<p class="one">דוגמא ראשונה-מתאר רחב</p>
<p class="two">דוגמא שניה-מתאר דק</p>
</body>
התוצאה תראה בדפדפן כך:
הטבלה הבאה תציג את המאפיינים העיקריים ואת תמיכת הדפדפנים בכל מאפיין (IE=אקספלורר, F=פיירפוקס, N=נטסקייפ). המספרים בעמודות הדפדפן, מציינים את הגירסה הראשונה התומכת של הדפדפן.
| Property | Description | Values | דפדפן | ||
| IE | F | N | |||
| A shorthand property for setting all the outline properties in one declaration | outline-color | - | 1.5 | - | |
| Sets the color of the outline around an element | color | - | 1.5 | - | |
| Sets the style of the outline around an element | none | - | 1.5 | - | |
| Sets the width of the outline around an element | thin | - | 1.5 | - | |
רשומות
אין תגובות:
הוסף רשומת תגובה