Difference between revisions of "CSS GUIDE BORDER STYLE"

From CDOT Wiki
Jump to: navigation, search
(→‎Syntax)
Line 17: Line 17:
  
 
== Legal Values ==
 
== Legal Values ==
 +
== CSS Properties ==
 +
<table border = "1" width="350">
 +
<tr>
 +
<th>#</th>
 +
<th>CSS Property</th>
 +
<th>Assignee</th>
 +
</tr>
 +
 +
<tr>
 +
<td>1</td>
 +
<td>[[CSS_GUIDE_COLOR | color]]</td>
 +
<td>[[user:Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>2</td>
 +
<td>[[CSS_GUIDE_FONT_SIZE | font-size]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>3</td>
 +
<td>[[CSS_GUIDE_FONT_FAMILY | font-family]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>4</td>
 +
<td>[[CSS_GUIDE_TEXT_DECORATION | text-decoration]]</td>
 +
<td>[[user: Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>5</td>
 +
<td>[[CSS_GUIDE_FONT_WEIGHT | font-weight]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>6</td>
 +
<td>[[CSS_GUIDE_BACKGROUND_COLOR | background-color]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>7</td>
 +
<td>[[CSS_GUIDE_WIDTH | width]]</td>
 +
<td>[[user:Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>8</td>
 +
<td>[[CSS_GUIDE_TEXT_ALIGN | text-align]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>9</td>
 +
<td>[[CSS_GUIDE_MARGIN_TOP | margin-top ]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>10</td>
 +
<td>[[CSS_GUIDE_MARGIN | margin]]</td>
 +
<td>[[user:Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>11</td>
 +
<td>[[CSS_GUIDE_MARGIN_BOTTOM | margin-bottom]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>12</td>
 +
<td>[[CSS_GUIDE_BORDER | border]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>13</td>
 +
<td>[[CSS_GUIDE_PADDING | padding]]</td>
 +
<td>[[user:Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>14</td>
 +
<td>[[CSS_GUIDE_LINE_HEIGHT | line-height]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>15</td>
 +
<td>[[CSS_GUIDE_HEIGHT | height]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>16</td>
 +
<td>[[CSS_GUIDE_MARGIN_LEFT | margin-left]]</td>
 +
<td>[[user:Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>17</td>
 +
<td>[[CSS_GUIDE_FONT-STYLE | font-style]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>18</td>
 +
<td>[[CSS_GUIDE_PADDING_LEFT | padding-left]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>19</td>
 +
<td>[[CSS_GUIDE_PADDING_TOP | padding-top]]</td>
 +
<td>[[user:Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>20</td>
 +
<td>[[CSS_GUIDE_POSITION | position]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>21</td>
 +
<td>[[CSS_GUIDE_BORDER_BOTTOM | border-bottom]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>22</td>
 +
<td>[[CSS_GUIDE_BACKGROUND_IMAGE | background-image]]</td>
 +
<td>[[user:Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>23</td>
 +
<td>[[CSS_GUIDE_BACKGROUND | background]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>24</td>
 +
<td>[[CSS_GUIDE_MARGIN_RIGHT | margin-right]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>25</td>
 +
<td>[[CSS_GUIDE_BORDER_RIGHT | border-right]]</td>
 +
<td>[[user:Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>26</td>
 +
<td>[[CSS_GUIDE_PADDING_BOTTOM | padding-bottom]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>27</td>
 +
<td>[[CSS_BORDER_TOP | border-top]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>28</td>
 +
<td>[[CSS_GUIDE_BORDER_LEFT | border-left]]</td>
 +
<td>[[user:Sherman | Sherman]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>29</td>
 +
<td>[[CSS_GUIDE_TOP | top]]</td>
 +
<td>[[user:dmmanley| Dave]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>30</td>
 +
<td>[[CSS_GUIDE_DISPLAY | display]]</td>
 +
<td>[[user:mdsouza | Mark ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>31</td>
 +
<td>[[CSS_GUIDE_LEFT | left]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>32</td>
 +
<td>[[CSS_GUIDE_PADDING_RIGHT | padding-right]]</td>
 +
<td>[[user:bhearsum|bhearsum]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>33</td>
 +
<td>[[CSS_GUIDE_VERTICAL_ALIGN | vertical-align]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>34</td>
 +
<td>[[CSS_GUIDE_BACKGROUND_REPEAT | background-repeat]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>35</td>
 +
<td>[[CSS_GUIDE_Z_INDEX | z-index]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>36</td>
 +
<td>[[CSS_GUIDE_FLOAT | float]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>37</td>
 +
<td>[[CSS_GUIDE_CURSOR | cursor]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>38</td>
 +
<td>[[CSS_GUIDE_BORDER_STYLE | border-style]]</td>
 +
<td>[[user:cbguy1 | Colin ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>39</td>
 +
<td>[[CSS_GUIDE_FONT | font]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>40</td>
 +
<td>[[CSS_GUIDE_BORDER_WIDTH | border-width]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>41</td>
 +
<td>[[CSS_GUIDE_BACKGROUND_POSITION | background-position]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>42</td>
 +
<td>[[CSS_GUIDE_LETTER_SPACING | letter-spacing]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>43</td>
 +
<td>[[CSS_GUIDE_VISIBILITY | visibility]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>44</td>
 +
<td>[[CSS_GUIDE_BORDER_COLOR | border-color]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>45</td>
 +
<td>[[CSS_GUIDE_BORDER_COLLAPSE | border-collapse]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>46</td>
 +
<td>[[CSS_GUIDE_LIST_STYLE_TYPE | list-style-type]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>47</td>
 +
<td>[[CSS_GUIDE_TEXT_TRANSFORM | text-transform]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>48</td>
 +
<td>[[CSS_GUIDE_CLEAR | clear]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>49</td>
 +
<td>[[CSS_GUIDE_OVERFLOW | overflow]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>50</td>
 +
<td>[[CSS_GUIDE_TEXT_INDENT | text-indent]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>51</td>
 +
<td>[[CSS_GUIDE_-MOZ-BINDING | -moz-binding]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>52</td>
 +
<td>[[CSS_GUIDE_-MOZ-BORDER-RADIUS | -moz-border-radius]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>53</td>
 +
<td>[[CSS_GUIDE_-MOZ-BORDER-RADIUS-TOPLEFT | -moz-border-radius-topleft]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>54</td>
 +
<td>[[CSS_GUIDE_-MOZ-BORDER-RADIUS-TOPRIGHT | -moz-border-radius-topright]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>55</td>
 +
<td>[[CSS_GUIDE_-MOZ-BORDER-RADIUS-BOTTOMRIGHT | -moz-border-radius-bottomright]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>56</td>
 +
<td>[[CSS_GUIDE_-MOZ-BORDER-RADIUS-BOTTOMLEFT | -moz-border-radius-bottomleft]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>57</td>
 +
<td>[[CSS_GUIDE_-MOZ-BORDER-TOP-COLORS | -moz-border-top-colors]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>58</td>
 +
<td>[[CSS_GUIDE_-MOZ-BORDER-RIGHT-COLORS | -moz-border-right-colors]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>59</td>
 +
<td>[[CSS_GUIDE_-MOZ-BORDER-BOTTOM-COLORS | -moz-border-BOTTOM-colors]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>60</td>
 +
<td>[[CSS_GUIDE_-MOZ-BORDER-LEFT-COLORS | -moz-border-left-colors]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>61</td>
 +
<td>[[CSS_GUIDE_-MOZ-OPACITY | -moz-opacity]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>62</td>
 +
<td>[[CSS_GUIDE_-MOZ-OUTLINE | -moz-outline]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>63</td>
 +
<td>[[CSS_GUIDE_-MOZ-OUTLINE-COLOR | -moz-outline-color]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>64</td>
 +
<td>[[CSS_GUIDE_-MOZ-OUTLINE-STYLE | -moz-outline-style]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>65</td>
 +
<td>[[CSS_GUIDE_-MOZ-OUTLINE-WIDTH | -moz-outline-width]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>66</td>
 +
<td>[[CSS_GUIDE_-MOZ-OUTLINE-FOCUS | -moz-outline-focus]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>67</td>
 +
<td>[[CSS_GUIDE_-MOZ-USER-INPUT | -moz-user-input]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>68</td>
 +
<td>[[CSS_GUIDE_-MOZ-USER-MODIFY | -moz-user-modify]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
<tr>
 +
<td>69</td>
 +
<td>[[CSS_GUIDE_-MOZ-USER-SELECT | -moz-user-select]]</td>
 +
<td>[[user:| ]]</td>
 +
</tr>
 +
 +
</table>
  
 
== Mozilla Recommended Values ==
 
== Mozilla Recommended Values ==

Revision as of 12:46, 22 November 2006

This document is a work in progress and is subject to change.

Summary

The border-style property sets the style of an element's border. This property must be specified for the border to be visible. Between one and four keywords are specified. If four values are given, they apply to top, right, bottom, and left border style, respectively. If one value is given, it applies to all sides. If two or three values are given, the missing values are taken from the opposite side.

Syntax

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

Legal Values

CSS Properties

# CSS Property Assignee
1 color Sherman
2 font-size Dave
3 font-family Mark
4 text-decoration Sherman
5 font-weight Dave
6 background-color Mark
7 width Sherman
8 text-align Dave
9 margin-top Mark
10 margin Sherman
11 margin-bottom Dave
12 border Mark
13 padding Sherman
14 line-height Dave
15 height Mark
16 margin-left Sherman
17 font-style Dave
18 padding-left Mark
19 padding-top Sherman
20 position Dave
21 border-bottom Mark
22 background-image Sherman
23 background Dave
24 margin-right Mark
25 border-right Sherman
26 padding-bottom Dave
27 border-top Mark
28 border-left Sherman
29 top Dave
30 display Mark
31 left [[user:| ]]
32 padding-right bhearsum
33 vertical-align [[user:| ]]
34 background-repeat [[user:| ]]
35 z-index [[user:| ]]
36 float [[user:| ]]
37 cursor [[user:| ]]
38 border-style Colin
39 font [[user:| ]]
40 border-width [[user:| ]]
41 background-position [[user:| ]]
42 letter-spacing [[user:| ]]
43 visibility [[user:| ]]
44 border-color [[user:| ]]
45 border-collapse [[user:| ]]
46 list-style-type [[user:| ]]
47 text-transform [[user:| ]]
48 clear [[user:| ]]
49 overflow [[user:| ]]
50 text-indent [[user:| ]]
51 -moz-binding [[user:| ]]
52 -moz-border-radius [[user:| ]]
53 -moz-border-radius-topleft [[user:| ]]
54 -moz-border-radius-topright [[user:| ]]
55 -moz-border-radius-bottomright [[user:| ]]
56 -moz-border-radius-bottomleft [[user:| ]]
57 -moz-border-top-colors [[user:| ]]
58 -moz-border-right-colors [[user:| ]]
59 -moz-border-BOTTOM-colors [[user:| ]]
60 -moz-border-left-colors [[user:| ]]
61 -moz-opacity [[user:| ]]
62 -moz-outline [[user:| ]]
63 -moz-outline-color [[user:| ]]
64 -moz-outline-style [[user:| ]]
65 -moz-outline-width [[user:| ]]
66 -moz-outline-focus [[user:| ]]
67 -moz-user-input [[user:| ]]
68 -moz-user-modify [[user:| ]]
69 -moz-user-select [[user:| ]]

Mozilla Recommended Values

Usage Examples

Notes

Specification Conformance

Browser Compatibility

See Also

Retrieved from "https://wiki.cdot.senecapolytechnic.ca/w/index.php?title=CSS_GUIDE_BORDER_STYLE&oldid=6440"