[css-sizing] Better definition of sizing for images without intrinsic… · w3c/csswg-drafts@c42c80f (original) (raw)

`@@ -370,15 +370,39 @@ Intrinsic Sizes

`

370

370

` is the size it would have as an

`

371

371

`''width/auto''-sized (in that axis) float in an infinitely-sized containing block.

`

372

372

` (In other words, the maximum size it has when sized as “shrink-to-fit”.)

`

``

373

`+

If this size would depend on the size of the containing block

`

``

374

`+

(as it does for images with an intrinsic aspect ratio but no intrinsic size)

`

``

375

`+

and therefore can't be calculated against an infinitely-sized containing block

`

``

376

`+

then:

`

373

377

``

374

``

`-

Note: This specification does not define how to determine these sizes.

`

375

``

`-

Please refer to [[CSS21]],

`

``

378

`+

`

``

379

`+

For boxes with an intrinsic aspect ratio, but no intrinsic size:

`

``

380

`+

`

``

381

`+

`

``

382

`+

in the inline axis,

`

``

383

`+

use the stretch fit into that size for the inline size

`

``

384

`+

and calculate the block size using the aspect ratio.

`

``

385

`+

  • Otherwise

`

``

386

`+

use a width of UNDEFINED

`

``

387

`+

and calculate the height using the aspect ratio.

`

``

388

`+

For boxes without an intrinsic aspect ratio:

`

``

389

`+

`

``

390

`+

`

``

391

`+

in the appropriate dimension,

`

``

392

`+

use the stretch fit into that size in that dimension.

`

``

393

`+

  • Otherwise,

`

``

394

`+

use ''300px'' for the width

`

``

395

`+

and/or ''150px'' for the height

`

``

396

`+

as needed.

`

``

397

`+

`

``

398

+

``

399

`+

Note: This specification does not define how to determine

`

``

400

`+

the size of a float.

`

``

401

`+

Please refer to [[CSS2]],

`

376

402

` the relevant CSS specification for that display type,

`

377

403

` and/or existing implementations

`

378

404

` for further details.

`

379

405

``

380

``

`-

Issue: Intrinsic sizes of images without an intrinsic size are weird and undefined, and should probably get some love

`

381

``

-

382

406

`

`

383

407

`Intrinsic Contributions

`

384

408

``