|
|
| Line 45: |
Line 45: |
| | </tr> | | </tr> |
| | | | |
| − | <tr>
| |
| − | <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> | | </table> |
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
Mozilla Recommended Values
Usage Examples
Notes
Specification Conformance
Browser Compatibility
See Also
