mozilla

Compare Revisions

border-style

Change Revisions

Revision 545385:

Revision 545385 by Saluev on

Revision 562317:

Revision 562317 by J-Mackerel on

Title:
border-style
border-style
Slug:
Web/CSS/border-style
Web/CSS/border-style
Tags:
"CSS Borders", "CSS", "Reference", "Référence", "Web", "CSS Property", "Layout"
"CSS Borders", "CSS", "Reference", "Référence", "Web", "CSS Property", "Layout"
Content:

Revision 545385
Revision 562317
nn186    <h3 name="Table_with_all_property_values">
187      Table with all property values
186    <p>188    </h3>
189    <p>
187      Here is an example of all the property values:190      Here is an example of all the property values
188    </p>
189    <p>191    </p>
190      <a href="http://jsfiddle.net/UBCWc/">http://jsfiddle.net/UB192    <h4>
>CWc/</a> 
193      HTML Content
194    </h4>
195    <pre class="brush: html">
196&lt;table&gt;
197    &lt;tr&gt;
198        &lt;td class="b1"&gt;none&lt;/td&gt;
199        &lt;td class="b2"&gt;hidden&lt;/td&gt;
200        &lt;td class="b3"&gt;dotted&lt;/td&gt;
201        &lt;td class="b4"&gt;dashed&lt;/td&gt;
202    &lt;/tr&gt;
203    &lt;tr&gt;
204        &lt;td class="b5"&gt;solid&lt;/td&gt;
205        &lt;td class="b6"&gt;double&lt;/td&gt;
206        &lt;td class="b7"&gt;groove&lt;/td&gt;
207        &lt;td class="b8"&gt;ridge&lt;/td&gt;
208    &lt;/tr&gt;
209    &lt;tr&gt;
210        &lt;td class="b9"&gt;inset&lt;/td&gt;
211        &lt;td class="b10"&gt;outset&lt;/td&gt;
212    &lt;/tr&gt;
213&lt;/table&gt;
214</pre>
215    <h4>
216      CSS Content
217    </h4>
218    <pre class="brush: css">
219/* Define look of the table
220table {
221    border-width: 2px;
222    background-color: #52E396;
223}
224tr, td {
225    padding: 2px;
226}
227 
228/* border-style example classes */
229.b1 {border-style:none;}
230.b2 {border-style:hidden;}
231.b3 {border-style:dotted;}
232.b4 {border-style:dashed;}
233.b5 {border-style:solid;}
234.b6 {border-style:double;}
235.b7 {border-style:groove;}
236.b8 {border-style:ridge;}
237.b9 {border-style:inset;}
238.b10 {border-style:outset;}
239</pre>
240    <p>
241      {{ EmbedLiveSample('Table_with_all_property_values') }}
n325              {{ CompatUnknown() }}n376              2.6
t331              {{ CompatUnknown() }}t382              7.0
332            </td>
333            <td>383            </td>
334              {{ CompatUnknown() }}
335            </td>384            <td>
385              {{ CompatVersionUnknown() }}
336            <td>386            </td>
337              {{ CompatUnknown() }}387            <td>
388              3.0

Back to History