mozilla

Compare Revisions

border-left-style

Change Revisions

Revision 355975:

Revision 355975 by teoli on

Revision 356635:

Revision 356635 by ethertank on

Title:
border-left-style
border-left-style
Slug:
CSS/border-left-style
CSS/border-left-style
Tags:
"css", "CSS Reference"
"css", "CSS Reference"
Content:

Revision 355975
Revision 356635
n7    <p>n7    <div>
8      {{ CSSRef() }}8      {{CSSRef}}
9    </p>9    </div>
n14      The <code>border-left-style</code> <a href="/en/CSS" title=n14      The <code>border-left-style</code> <a href="/en-US/docs/CSS
>"CSS">CSS</a> property sets the line style of the left border of >" title="CSS">CSS</a> property sets the line style of the left bo
>a box.>rder of a box.
n21        <dfn>{{ Xref_cssinitial() }}</dfn> {{ Cssinitial("border-n21        <dfn>{{Xref_cssinitial}}</dfn> {{Cssinitial("border-left-
>left-style") }}>style")}}
n27        <dfn>{{ Xref_cssinherited() }}</dfn> non27        <dfn>{{Xref_cssinherited}}</dfn> no
28      </li>
29      <li>28      </li>
29      <li>
30        <dfn>Media</dfn> {{ Xref_cssvisual() }}30        <dfn>Media</dfn> {{Xref_cssvisual}}
31      </li>
32      <li>31      </li>
32      <li>
33        <dfn>{{ Xref_csscomputed() }}</dfn> as specified33        <dfn>{{Xref_csscomputed}}</dfn> as specified
n40<a href="/en-US/docs/CSS/Value_definition_syntax" title="/en-US/dn40<a href="/en-US/docs/CSS/Value_definition_syntax" title="CSS/Valu
>ocs/CSS/Value_definition_syntax">Formal syntax</a>: {{csssyntax(">e_definition_syntax">Formal syntax</a>: {{csssyntax("border-left-
>border-left-style")}}>style")}}
n65        <table class="standard-table">n65        <table>
n68              <td style="vertical-align:middle;">n68              <td>
n71              <td style="vertical-align:middle;">n71              <td>
n76              <td style="vertical-align:middle;">n76              <td>
77                Like for the <code>hidden</code> keyword, display77                Like for the <code>hidden</code> keyword, display
>s no border. In that case, except if a background image is set, t>s no border. In that case, except if a background image is set, t
>he calculated values of {{ cssxref("border-left-width") }} will b>he calculated values of {{cssxref("border-left-width")}} will be 
>e <code>0</code>, even if specified otherwise through the propert><code>0</code>, even if specified otherwise through the property.
>y. In case of table cell and border collapsing, the <code>none</c> In case of table cell and border collapsing, the <code>none</cod
>ode> value has the lowest priority: it means that if any other co>e> value has the lowest priority: it means that if any other conf
>nflicting border is set, it will be displayed.>licting border is set, it will be displayed.
78              </td>
79            </tr>
80            <tr>
78              </td>81              <td>
79            </tr>
80            <tr>
81              <td style="vertical-align:middle;">
n84              <td style="vertical-align:middle;">n84              <td>
n89              <td style="vertical-align:middle;">n89              <td>
90                Like for the <code>none</code> keyword, displays 90                Like for the <code>none</code> keyword, displays 
>no border. In that case, except if a background image is set, the>no border. In that case, except if a background image is set, the
> calculated values of {{ cssxref("border-left-width") }} will be > calculated values of {{cssxref("border-left-width")}} will be <c
><code>0</code>, even if specified otherwise through the property.>ode>0</code>, even if specified otherwise through the property. I
> In case of table cell and border collapsing, the <code>hidden</c>n case of table cell and border collapsing, the <code>hidden</cod
>ode> value has the highest priority: it means that if any other c>e> value has the highest priority: it means that if any other con
>onflicting border is set, it won't be displayed.>flicting border is set, it won't be displayed.
91              </td>
92            </tr>
93            <tr>
91              </td>94              <td>
92            </tr>
93            <tr>
94              <td style="vertical-align:middle;">
n97              <td style="vertical-align:middle;">n97              <td>
n102              <td style="vertical-align:middle;">n102              <td>
103                Displays a series of rounded dots. The spacing of103                Displays a series of rounded dots. The spacing of
> the dots are not defined by the specification and are implementa> the dots are not defined by the specification and are implementa
>tion-specific. The radius of the dots is half the calculated {{ c>tion-specific. The radius of the dots is half the calculated {{cs
>ssxref("border-left-width") }}.>sxref("border-left-width")}}.
104              </td>
105            </tr>
106            <tr>
104              </td>107              <td>
105            </tr>
106            <tr>
107              <td style="vertical-align:middle;">
n110              <td style="vertical-align:middle;">n110              <td>
n115              <td style="vertical-align:middle;">n115              <td>
n120              <td style="vertical-align:middle;">n120              <td>
n123              <td style="vertical-align:middle;">n123              <td>
n128              <td style="vertical-align:middle;">n128              <td>
n133              <td style="vertical-align:middle;">n133              <td>
n136              <td style="vertical-align:middle;">n136              <td>
n141              <td style="vertical-align:middle;">n141              <td>
142                Displays two straight lines that add up to the pi142                Displays two straight lines that add up to the pi
>xel amount defined as {{ cssxref("border-width") }} or {{ cssxref>xel amount defined as {{cssxref("border-width")}} or {{cssxref("b
>("border-left-width") }}.>order-left-width")}}.
143              </td>
144            </tr>
145            <tr>
143              </td>146              <td>
144            </tr>
145            <tr>
146              <td style="vertical-align:middle;">
n149              <td style="vertical-align:middle;">n149              <td>
n154              <td style="vertical-align:middle;">n154              <td>
n159              <td style="vertical-align:middle;">n159              <td>
n162              <td style="vertical-align:middle;">n162              <td>
n167              <td style="vertical-align:middle;">n167              <td>
n172              <td style="vertical-align:middle;">n172              <td>
n175              <td style="vertical-align:middle;">n175              <td>
n180              <td style="vertical-align:middle;">n180              <td>
181                Displays a border that makes the box appear embed181                Displays a border that makes the box appear embed
>ded. It is the opposite of <code>outset</code>. When applied to a>ded. It is the opposite of <code>outset</code>. When applied to a
> table cell with {{ cssxref("border-collapse") }} set to <code>co> table cell with {{cssxref("border-collapse")}} set to <code>coll
>llapsed</code>, this value behaves like <code>groove</code>.>apsed</code>, this value behaves like <code>groove</code>.
182              </td>
183            </tr>
184            <tr>
182              </td>185              <td>
183            </tr>
184            <tr>
185              <td style="vertical-align:middle;">
n188              <td style="vertical-align:middle;">n188              <td>
n193              <td style="vertical-align:middle;">n193              <td>
n195                  Displays a border that makes the box appear in n195                  Displays a border that makes the box appear in 
>3D, embossed. It is the opposite of <code>inset</code>. When appl>3D, embossed. It is the opposite of <code>inset</code>. When appl
>ied to a table cell with {{ cssxref("border-collapse") }} set to >ied to a table cell with {{cssxref("border-collapse")}} set to <c
><code>collapsed</code>, this value behaves like <code>ridge</code>ode>collapsed</code>, this value behaves like <code>ridge</code>.
>>. 
n239            {{ SpecName('CSS3 Backgrounds', '#the-border-style', n239            {{SpecName('CSS3 Backgrounds', '#the-border-style', '
>'border-left-style') }}>border-left-style')}}
240          </td>
241          <td>240          </td>
241          <td>
242            {{ Spec2('CSS3 Backgrounds') }}242            {{Spec2('CSS3 Backgrounds')}}
n250            {{ SpecName('CSS2.1', 'box.html#border-style-propertin250            {{SpecName('CSS2.1', 'box.html#border-style-propertie
>es', 'border-left-style') }}>s', 'border-left-style')}}
251          </td>
252          <td>251          </td>
252          <td>
253            {{ Spec2('CSS2.1') }}253            {{Spec2('CSS2.1')}}
n261    <h2 id="Browser_Compatibility" name="Browser_Compatibility">n261    <h2 id="Browser_compatibility" name="Browser_compatibility">
n264    <p>n264    <div>
265      {{ CompatibilityTable() }}265      {{CompatibilityTable}}
266    </p>266    </div>
n344              {{ CompatUnknown() }}n344              {{CompatUnknown}}
345            </td>
346            <td>345            </td>
347              {{ CompatUnknown() }}
348            </td>346            <td>
347              {{CompatUnknown}}
349            <td>348            </td>
350              {{ CompatUnknown() }}
351            </td>349            <td>
350              {{CompatUnknown}}
352            <td>351            </td>
353              {{ CompatUnknown() }}
354            </td>352            <td>
353              {{CompatUnknown}}
355            <td>354            </td>
356              {{ CompatUnknown() }}
357            </td>355            <td>
356              {{CompatUnknown}}
358            <td>357            </td>
358            <td>
359              {{ CompatUnknown() }}359              {{CompatUnknown}}
n365    <h2 id="See_Also" name="See_Also">n365    <h2 id="See_also" name="See_also">
n369      <li>The other style-related border properties: {{ Cssxref("n369      <li>The other style-related border properties: {{Cssxref("b
>border-bottom-style") }}, {{ Cssxref("border-right-style") }}, {{>order-bottom-style")}}, {{Cssxref("border-right-style")}}, {{Cssx
> Cssxref("border-top-style") }}, and {{ Cssxref("border-style") }>ref("border-top-style")}}, and {{Cssxref("border-style")}}.
>}. 
t371      <li>The other left-border-related properties: {{ Cssxref("bt371      <li>The other left-border-related properties: {{Cssxref("bo
>order-left") }}, {{ Cssxref("border-left-color") }}, and {{ Cssxr>rder-left")}}, {{Cssxref("border-left-color")}}, and {{Cssxref("b
>ef("border-left-width") }}.>order-left-width")}}.

Back to History