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>


הפרק הקודם:
שכבות
גבולות הפרק הבא:
עיצוב רשימות