המאפיין border-style מאפשר לשים סוגים שונים של גבולות.
הערכים האפשריים הם: none, dotted, dashed, solid, double, ridge, inset, outset.
הערכים dotted, dashed, solid וגם double ישימו גבול כקו פשוט.
הערכים האחרים יקבלו גבול תלת-מימדי:
Groove הינו חיתוך פנימה
ridge הוא רכס
inset הוא הכנסה פנימה
outset הוא הבלטה של האלמנט
table {border-style: dotted} /* all four borders will be dotted */
table {border-style: dotted dashed} /* top and bottom border will be dotted, left an right border will be dashed */
table {border-style: dotted dashed solid} /* top border will be dotted, left and right border will be dashed, bottom border will be solid */
table {border-style: dotted dashed solid double} /* top border will be dotted, right border will be dashed, bottom border will be solid, left border will be double */
| Value | Description |
| none | Defines no border |
| hidden | The same as "none", except in border conflict resolution for table elements |
| dotted | Defines a dotted border |
| dashed | Defines a dashed border |
| solid | Defines a solid border |
| double | Defines two borders. The width of the two borders are the same as the border-width value |
| groove | Defines a 3D grooved border. The effect depends on the border-color value |
| ridge | Defines a 3D ridged border. The effect depends on the border-color value |
| inset | Defines a 3D inset border. The effect depends on the border-color value |
| outset | Defines a 3D outset border. The effect depends on the border-color value |
רשומות
אין תגובות:
הוסף רשומת תגובה