CSS/גבולות
< CSS
רוחב[עריכה]
ישנן שתי אפשרויות לסימון רוחב-הגבול.
א) בעזרת מילים:
- thin
- medium
- thick
כאשר thin הוא הכי דק , ועד thick שהוא הכי עבה, ובאמצע יש את medium.
ב) בערכים מספריים המצויינים ע"י פיקסלים.
- לדוג' : 1PX , 2PX , 3PX וכן הלאה.
כל זאת מסמנים ע"י border-width.
צבע[עריכה]
מסמנים את צבע הגבול ע"י border-color.
הסימון יכול להתבצע ע"י RGB , מספר הקסדצימלי או ע"י שם הצבע.
סוג הגבול[עריכה]
בטח תהיתם כיצד ואיך עושים את הגבולות היפים האלו שבוורד , בפוור-פוינט ובכל תוכנות אופיס.
אז...לכל מי ששם תמונה - טעה ובגדול!
כך עושים זאת: border-style . בתוכו ישנם כמה אפשרויות:
dotted = נקודות.
dashed = מקווקו.
solid = רגיל.
double = כפול.
groove = תלת מימדי עם אורות חזקים.
ridge = דומה לקודם, רק עם אורות מעומעמים וחלשים יותר.
inset = תלת מימדי עם סגנון קצת אחר.
outset = דומה לקודם, רק הפוך.
לאגד?[עריכה]
כמו תכונות אחרות ניתן לאגד ולקבץ!
border: 3px groove red;
דוגמא[עריכה]
<html>
<head>
<style type="text/css">
p {
border: medium double rgb(250,0,255);
}
</style>
</head>
<body>
<p>טקסט עם גבול מעוצב </p>
</body>
</html>
| הפרק הקודם: שכבות |
גבולות | הפרק הבא: עיצוב רשימות |