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
Copy file name to clipboardExpand all lines: css3-images/Overview.src.html
+98-90Lines changed: 98 additions & 90 deletions
Original file line number
Diff line number
Diff line change
@@ -1099,30 +1099,32 @@ <h3 id="object-fit">
1099
1099
Sizing Objects: the 'object-fit' property</h3>
1100
1100
1101
1101
<tableclass="propdef">
1102
-
<tr>
1103
-
<th>Name:
1104
-
<td><dfn>object-fit</dfn>
1105
-
<tr>
1106
-
<th>Value:
1107
-
<td>fill | contain | cover | none | scale-down
1108
-
<tr>
1109
-
<th>Initial:
1110
-
<td>fill
1111
-
<tr>
1112
-
<th>Applies to:
1113
-
<td>replaced elements
1114
-
<tr>
1115
-
<th>Inherited:
1116
-
<td>no
1117
-
<tr>
1118
-
<th>Percentages:
1119
-
<td>N/A
1120
-
<tr>
1121
-
<th>Media:
1122
-
<td>visual
1123
-
<tr>
1124
-
<th>Computed value:
1125
-
<td>specified value
1102
+
<thead>
1103
+
<tr>
1104
+
<th>Name:
1105
+
<td><dfn>object-fit</dfn>
1106
+
<tbody>
1107
+
<tr>
1108
+
<th>Value:
1109
+
<td>fill | contain | cover | none | scale-down
1110
+
<tr>
1111
+
<th>Initial:
1112
+
<td>fill
1113
+
<tr>
1114
+
<th>Applies to:
1115
+
<td>replaced elements
1116
+
<tr>
1117
+
<th>Inherited:
1118
+
<td>no
1119
+
<tr>
1120
+
<th>Percentages:
1121
+
<td>N/A
1122
+
<tr>
1123
+
<th>Media:
1124
+
<td>visual
1125
+
<tr>
1126
+
<th>Computed value:
1127
+
<td>specified value
1126
1128
</table>
1127
1129
1128
1130
<p>The 'object-fit' property specifies how the contents of a replaced element
@@ -1237,30 +1239,32 @@ <h3 id="object-position">
1237
1239
Positioning Objects: the 'object-position' property</h3>
1238
1240
1239
1241
<tableclass="propdef">
1240
-
<tr>
1241
-
<th>Name:
1242
-
<td><dfn>object-position</dfn>
1243
-
<tr>
1244
-
<th>Value:
1245
-
<td><bg-position>
1246
-
<tr>
1247
-
<th>Initial:
1248
-
<td>50% 50%
1249
-
<tr>
1250
-
<th>Applies to:
1251
-
<td>replaced elements
1252
-
<tr>
1253
-
<th>Inherited:
1254
-
<td>no
1255
-
<tr>
1256
-
<th>Percentages:
1257
-
<td>refer to width and height of box itself
1258
-
<tr>
1259
-
<th>Media:
1260
-
<td>visual
1261
-
<tr>
1262
-
<th>Computed value:
1263
-
<td>specified value
1242
+
<thead>
1243
+
<tr>
1244
+
<th>Name:
1245
+
<td><dfn>object-position</dfn>
1246
+
<tbody>
1247
+
<tr>
1248
+
<th>Value:
1249
+
<td><bg-position>
1250
+
<tr>
1251
+
<th>Initial:
1252
+
<td>50% 50%
1253
+
<tr>
1254
+
<th>Applies to:
1255
+
<td>replaced elements
1256
+
<tr>
1257
+
<th>Inherited:
1258
+
<td>no
1259
+
<tr>
1260
+
<th>Percentages:
1261
+
<td>refer to width and height of box itself
1262
+
<tr>
1263
+
<th>Media:
1264
+
<td>visual
1265
+
<tr>
1266
+
<th>Computed value:
1267
+
<td>specified value
1264
1268
</table>
1265
1269
1266
1270
<p>The 'object-position' property determines the alignment of the replaced element inside its box. <code><bg-position></code> comes from the <ahref="http://dev.w3.org/csswg/css3-background/#ltbg-positiongt">Backgrounds & Borders Module</a>, and is resolved in the same way, using the image as the image and the content box as the positioning area. [[!CSS21]]</p>
0 commit comments