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>

הפרק הקודם:
שכבות

גבולות

הפרק הבא:
עיצוב רשימות