You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Abstract: This module contains the features of <a href="http://www.w3.org/TR/CSS/">CSS</a> relating to the alignment of boxes within their containers in the various CSS box layout models: block layout, table layout, flex layout, and grid layout. (The alignment of text and inline-level content is defined in [[CSS-TEXT-3]] and [[CSS-INLINE-3]].)
Abstract: This module contains the features of <a href="https://www.w3.org/TR/CSS/">CSS</a> relating to the alignment of boxes within their containers in the various CSS box layout models: block layout, table layout, flex layout, and grid layout. (The alignment of text and inline-level content is defined in [[CSS-TEXT-3]] and [[CSS-INLINE-3]].)
17
17
Link Defaults: selectors-3 (dfn) first formatted line, css-flexbox-1 (dfn) flex line, css-multicol-1 (dfn) multi-column element, css-fonts-3 (dfn) first available font, css21 (property) max-width/max-height/min-width/min-height, css-writing-modes-3 (dfn) dominant baseline, css-position-3 (property) left, css-cascade-3 (value) initial
18
18
Ignored Terms: table cell, stretch
19
19
At Risk: ''last-baseline''
@@ -74,15 +74,15 @@ Module interactions</h3>
74
74
<h3 id="values">
75
75
Values</h3>
76
76
77
-
This specification follows the <a href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property definition conventions</a> from [[!CSS21]].
77
+
This specification follows the <a href="https://www.w3.org/TR/CSS21/about.html#property-defs">CSS property definition conventions</a> from [[!CSS21]].
78
78
Value types not defined in this specification are defined in CSS Level 2 Revision 1 [[!CSS21]].
79
79
Other CSS modules may expand the definitions of these value types:
80
80
for example [[CSS3VAL]], when combined with this module,
81
81
adds the ''initial'' keyword as a possible property value.
82
82
83
83
In addition to the property-specific values listed in their definitions,
84
84
all properties defined in this specification also accept the
<dd>Aligns the <a>alignment subject</a> to be flush with the <a>alignment container</a>’s <a href="http://www.w3.org/TR/css3-writing-modes/#line-left">line-left</a> edge.
242
+
<dd>Aligns the <a>alignment subject</a> to be flush with the <a>alignment container</a>’s <a href="https://www.w3.org/TR/css3-writing-modes/#line-left">line-left</a> edge.
243
243
If the property's axis is not parallel with the inline axis,
<dd>Aligns the <a>alignment subject</a> to be flush with the <a>alignment container</a>’s <a href="http://www.w3.org/TR/css3-writing-modes/#line-right">line-right</a> edge.
247
+
<dd>Aligns the <a>alignment subject</a> to be flush with the <a>alignment container</a>’s <a href="https://www.w3.org/TR/css3-writing-modes/#line-right">line-right</a> edge.
248
248
If the property's axis is not parallel with the inline axis,
249
249
this value behaves as ''start''.
250
250
</dl>
@@ -824,7 +824,7 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
824
824
<th>Other Details
825
825
<td>
826
826
In terms of CSS2.1 block-level formatting [[!CSS21]],
827
-
the rules for “over-constrained” computations in <a href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">section 10.3.3</a>
827
+
the rules for “over-constrained” computations in <a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">section 10.3.3</a>
828
828
are ignored in favor of alignment as specified here
829
829
and the used value of the offset properties are not adjusted to correct for the over-constraint.
830
830
@@ -875,11 +875,11 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
875
875
<th>Other Details
876
876
<td>
877
877
In terms of CSS2.1 formatting [[!CSS21]],
878
-
the rules for “over-constrained” computations in <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">section 10.3.7</a>
878
+
the rules for “over-constrained” computations in <a href="https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">section 10.3.7</a>
879
879
are ignored in favor of alignment as specified here,
880
880
and the used value of the offset properties are not adjusted to correct for the over-constraint.
881
881
882
-
Values other than ''justify-self/stretch'' cause <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">non-replaced absolutely-positioned boxes</a>
882
+
Values other than ''justify-self/stretch'' cause <a href="https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">non-replaced absolutely-positioned boxes</a>
883
883
to use <a>fit-content sizing</a> for calculating ''width/auto'' inline sizes.
884
884
885
885
Note that ''justify-self/stretch'' does cause replaced absolutely-positioned elements to fill their containing block
@@ -995,11 +995,11 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
995
995
<th>Other Details
996
996
<td>
997
997
In terms of CSS2.1 formatting [[!CSS21]],
998
-
the rules for "over-constrained" computations in <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">section 10.6.4</a>
998
+
the rules for "over-constrained" computations in <a href="https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">section 10.6.4</a>
999
999
are ignored in favor of alignment as specified here
1000
1000
and the used value of the offset properties are not adjusted to correct for the over-constraint.
1001
1001
1002
-
Values other than ''align-self/stretch'' cause <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">non-replaced absolutely-positioned boxes</a>
1002
+
Values other than ''align-self/stretch'' cause <a href="https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">non-replaced absolutely-positioned boxes</a>
1003
1003
to use shrink-to-fit sizing for calculating ''height/auto'' block sizes.
1004
1004
1005
1005
Note that ''justify-self/stretch'' does cause replaced absolutely-positioned elements to fill their containing block
@@ -1279,11 +1279,11 @@ Determining the Baselines of a Box</h2>
1279
1279
1280
1280
<dt>flex containers
1281
1281
<dd>
1282
-
See <a href="http://www.w3.org/TR/css3-flexbox/#flex-baselines">Flex Baselines</a> in [[!CSS3-FLEXBOX]].
1282
+
See <a href="https://www.w3.org/TR/css3-flexbox/#flex-baselines">Flex Baselines</a> in [[!CSS3-FLEXBOX]].
1283
1283
1284
1284
<dt>grid containers
1285
1285
<dd>
1286
-
See <a href="http://www.w3.org/TR/css3-grid-layout/#grid-baselines">Grid Baselines</a> in [[!CSS3-GRID-LAYOUT]].
1286
+
See <a href="https://www.w3.org/TR/css3-grid-layout/#grid-baselines">Grid Baselines</a> in [[!CSS3-GRID-LAYOUT]].
1287
1287
</dl>
1288
1288
1289
1289
To <dfn local-lt=generate|generated export>generate baselines</dfn> for a box from a single baseline,
@@ -1366,7 +1366,7 @@ Aligning Boxes by Baseline</h3>
1366
1366
<h2 id="changes">
1367
1367
Changes</h2>
1368
1368
1369
-
Changes since the <a href="http://www.w3.org/TR/2014/WD-css-align-3-20141218/">previous Working Draft</a> include:
1369
+
Changes since the <a href="https://www.w3.org/TR/2014/WD-css-align-3-20141218/">previous Working Draft</a> include:
1370
1370
1371
1371
* Fixed handling of ''justify-self: stretch'' (and 'align-self') to allow shrinking, as defined in Flexbox.
1372
1372
* Made justify/align-content:auto computte to their respective behaviors for flex and grid containers.
Abstract: This module contains the features of CSS relating to the borders and backgrounds of boxes on the page. It includes and extends the functionality of <a href="http://www.w3.org/TR/css3-background/">CSS Backgrounds and Borders Level 3</a>. [[CSS3BG]] The main extensions compared to level 3 are shaping ('corner-shape') and clipping borders ('border-clip'), logical background positions ('background-position'), and the ''extend'' ability of 'background-repeat'.
14
+
Abstract: This module contains the features of CSS relating to the borders and backgrounds of boxes on the page. It includes and extends the functionality of <a href="https://www.w3.org/TR/css3-background/">CSS Backgrounds and Borders Level 3</a>. [[CSS3BG]] The main extensions compared to level 3 are shaping ('corner-shape') and clipping borders ('border-clip'), logical background positions ('background-position'), and the ''extend'' ability of 'background-repeat'.
0 commit comments