diff --git a/flow/block-inline/change-formatting.html b/flow/block-inline/change-formatting.html index 45023630..36719b40 100644 --- a/flow/block-inline/change-formatting.html +++ b/flow/block-inline/change-formatting.html @@ -1,8 +1,8 @@ - - + - + + CSS Normal Flow: Inline diff --git a/flow/block-inline/flex.html b/flow/block-inline/flex.html index 6d966289..4bc24ae3 100644 --- a/flow/block-inline/flex.html +++ b/flow/block-inline/flex.html @@ -1,8 +1,8 @@ - - + - + + CSS Normal Flow: inner and outer display types diff --git a/flow/block-inline/inline.html b/flow/block-inline/inline.html index ff56e72a..9c52523d 100644 --- a/flow/block-inline/inline.html +++ b/flow/block-inline/inline.html @@ -1,8 +1,8 @@ - - + - + + CSS Normal Flow: Inline diff --git a/flow/block-inline/line-box.html b/flow/block-inline/line-box.html index 898bdb5c..46b5b408 100644 --- a/flow/block-inline/line-box.html +++ b/flow/block-inline/line-box.html @@ -1,8 +1,8 @@ - - + - + + CSS Normal Flow: Inline diff --git a/flow/block-inline/normal-flow-collapsing.html b/flow/block-inline/normal-flow-collapsing.html index 96c8865b..56b19e64 100644 --- a/flow/block-inline/normal-flow-collapsing.html +++ b/flow/block-inline/normal-flow-collapsing.html @@ -1,8 +1,8 @@ - - + - + + CSS Normal Flow: Margin Collapsing diff --git a/flow/block-inline/normal-flow-margin-zero.html b/flow/block-inline/normal-flow-margin-zero.html index ac422b2e..fc03eecf 100644 --- a/flow/block-inline/normal-flow-margin-zero.html +++ b/flow/block-inline/normal-flow-margin-zero.html @@ -1,8 +1,8 @@ - - + - + + CSS Normal Flow diff --git a/flow/block-inline/normal-flow-width.html b/flow/block-inline/normal-flow-width.html index da77463b..a6f8461a 100644 --- a/flow/block-inline/normal-flow-width.html +++ b/flow/block-inline/normal-flow-width.html @@ -1,8 +1,8 @@ - - + - + + CSS Normal Flow diff --git a/flow/block-inline/normal-flow.html b/flow/block-inline/normal-flow.html index 8c032023..88d8227c 100644 --- a/flow/block-inline/normal-flow.html +++ b/flow/block-inline/normal-flow.html @@ -1,8 +1,8 @@ - - + - + + CSS Normal Flow diff --git a/flow/formatting-contexts/bfc-flow-root.html b/flow/formatting-contexts/bfc-flow-root.html index 483fa20a..2ecb382d 100644 --- a/flow/formatting-contexts/bfc-flow-root.html +++ b/flow/formatting-contexts/bfc-flow-root.html @@ -1,8 +1,8 @@ - - + - + + CSS Formatting Contexts: create a BFC with display: flow-root diff --git a/flow/formatting-contexts/bfc-overflow.html b/flow/formatting-contexts/bfc-overflow.html index f721d5b0..dd310c66 100644 --- a/flow/formatting-contexts/bfc-overflow.html +++ b/flow/formatting-contexts/bfc-overflow.html @@ -1,8 +1,8 @@ - - + - + + CSS Formatting Contexts: create a BFC with overflow diff --git a/flow/formatting-contexts/float.html b/flow/formatting-contexts/float.html index 5ed96def..7e373cae 100644 --- a/flow/formatting-contexts/float.html +++ b/flow/formatting-contexts/float.html @@ -1,8 +1,8 @@ - - + - + + CSS Formatting Contexts diff --git a/flow/formatting-contexts/inline.html b/flow/formatting-contexts/inline.html index 4ffa95cf..e39c0c77 100644 --- a/flow/formatting-contexts/inline.html +++ b/flow/formatting-contexts/inline.html @@ -1,8 +1,8 @@ - - + - + + CSS Normal Flow: Inline diff --git a/flow/in-flow/abspos.html b/flow/in-flow/abspos.html index ad84bc5c..b430bc91 100644 --- a/flow/in-flow/abspos.html +++ b/flow/in-flow/abspos.html @@ -1,8 +1,8 @@ - - + - + + CSS Flow: Items with position absolute diff --git a/flow/in-flow/float.html b/flow/in-flow/float.html index 7b6783c7..6ce82b5d 100644 --- a/flow/in-flow/float.html +++ b/flow/in-flow/float.html @@ -1,8 +1,8 @@ - - + - + + CSS Flow: float diff --git a/flow/in-flow/in-flow.html b/flow/in-flow/in-flow.html index eabe390c..b2b97dd7 100644 --- a/flow/in-flow/in-flow.html +++ b/flow/in-flow/in-flow.html @@ -1,8 +1,8 @@ - - + - + + CSS Flow: in-flow elements diff --git a/flow/in-flow/relative.html b/flow/in-flow/relative.html index 30b61a46..e12a5da2 100644 --- a/flow/in-flow/relative.html +++ b/flow/in-flow/relative.html @@ -1,8 +1,8 @@ - - + - + + CSS Flow: Items with position relative diff --git a/flow/overflow/auto.html b/flow/overflow/auto.html index 72de6d3e..63b0397d 100644 --- a/flow/overflow/auto.html +++ b/flow/overflow/auto.html @@ -1,8 +1,8 @@ - - + - + + CSS Overflow auto diff --git a/flow/overflow/hidden.html b/flow/overflow/hidden.html index 7699b1e8..a1c26914 100644 --- a/flow/overflow/hidden.html +++ b/flow/overflow/hidden.html @@ -1,8 +1,8 @@ - - + - + + CSS Overflow hidden diff --git a/flow/overflow/overflow-y.html b/flow/overflow/overflow-y.html index e459a6ed..abec161b 100644 --- a/flow/overflow/overflow-y.html +++ b/flow/overflow/overflow-y.html @@ -1,8 +1,8 @@ - - + - + + CSS Overflow clip diff --git a/flow/overflow/overflow.html b/flow/overflow/overflow.html index 316e0cab..b18b217e 100644 --- a/flow/overflow/overflow.html +++ b/flow/overflow/overflow.html @@ -1,8 +1,8 @@ - - + - + + CSS Overflow diff --git a/flow/overflow/scroll.html b/flow/overflow/scroll.html index 6c71dec7..53848471 100644 --- a/flow/overflow/scroll.html +++ b/flow/overflow/scroll.html @@ -1,8 +1,8 @@ - - + - + + CSS Overflow scroll diff --git a/flow/overflow/text-overflow.html b/flow/overflow/text-overflow.html index 0b1f7e7f..217d0157 100644 --- a/flow/overflow/text-overflow.html +++ b/flow/overflow/text-overflow.html @@ -1,8 +1,8 @@ - - + - + + CSS Overflow clip diff --git a/flow/writing-modes/block-change-mode.html b/flow/writing-modes/block-change-mode.html index b57d77ed..b0abfa91 100644 --- a/flow/writing-modes/block-change-mode.html +++ b/flow/writing-modes/block-change-mode.html @@ -1,8 +1,8 @@ - - + - + + Changing the writing mode of an block box diff --git a/flow/writing-modes/creative-use.html b/flow/writing-modes/creative-use.html index 7741c7c4..11e0206c 100644 --- a/flow/writing-modes/creative-use.html +++ b/flow/writing-modes/creative-use.html @@ -1,8 +1,8 @@ - - + - + + Flow and Writing Modes diff --git a/flow/writing-modes/horizontal-tb.html b/flow/writing-modes/horizontal-tb.html index 0f982c42..34149023 100644 --- a/flow/writing-modes/horizontal-tb.html +++ b/flow/writing-modes/horizontal-tb.html @@ -1,8 +1,8 @@ - - + - + + horizontal-tb diff --git a/flow/writing-modes/inline-change-mode.html b/flow/writing-modes/inline-change-mode.html index ab7197dd..7ab2e90a 100644 --- a/flow/writing-modes/inline-change-mode.html +++ b/flow/writing-modes/inline-change-mode.html @@ -1,8 +1,8 @@ - - + - + + Changing the writing mode of an inline box diff --git a/flow/writing-modes/inline-size.html b/flow/writing-modes/inline-size.html index 703c0d2b..49d55863 100644 --- a/flow/writing-modes/inline-size.html +++ b/flow/writing-modes/inline-size.html @@ -1,8 +1,8 @@ - - + - + + Setting the inline-size on boxes diff --git a/flow/writing-modes/replaced.html b/flow/writing-modes/replaced.html index 497ab190..887a55b8 100644 --- a/flow/writing-modes/replaced.html +++ b/flow/writing-modes/replaced.html @@ -1,8 +1,8 @@ - - + - + + Changing the writing mode of an block box diff --git a/flow/writing-modes/vertical-lr.html b/flow/writing-modes/vertical-lr.html index 2e5ea537..2ffe75f5 100644 --- a/flow/writing-modes/vertical-lr.html +++ b/flow/writing-modes/vertical-lr.html @@ -1,8 +1,8 @@ - - + - + + vertical-lr diff --git a/flow/writing-modes/vertical-rl.html b/flow/writing-modes/vertical-rl.html index d92da598..520b8fb9 100644 --- a/flow/writing-modes/vertical-rl.html +++ b/flow/writing-modes/vertical-rl.html @@ -1,8 +1,8 @@ - - + - + + vertical-rl diff --git a/flow/writing-modes/width.html b/flow/writing-modes/width.html index a8e5321d..f268648e 100644 --- a/flow/writing-modes/width.html +++ b/flow/writing-modes/width.html @@ -1,8 +1,8 @@ - - + - + + Setting the width on boxes diff --git a/font-features/font-kerning.html b/font-features/font-kerning.html index 06650ade..bcfd1520 100644 --- a/font-features/font-kerning.html +++ b/font-features/font-kerning.html @@ -1,8 +1,8 @@ - - + - + + Font feature example - kerning diff --git a/font-features/font-variant-alternates.html b/font-features/font-variant-alternates.html index 0d55a5d4..2911a6cb 100644 --- a/font-features/font-variant-alternates.html +++ b/font-features/font-variant-alternates.html @@ -1,8 +1,8 @@ - - + - + + Font feature example - alternates diff --git a/font-features/font-variant-caps.html b/font-features/font-variant-caps.html index d93c811f..0156cc92 100644 --- a/font-features/font-variant-caps.html +++ b/font-features/font-variant-caps.html @@ -1,8 +1,8 @@ - - + - + + Font feature example - caps diff --git a/font-features/font-variant-east-asian.html b/font-features/font-variant-east-asian.html index 796d29ca..9061afb1 100644 --- a/font-features/font-variant-east-asian.html +++ b/font-features/font-variant-east-asian.html @@ -1,8 +1,8 @@ - - + - + + Font feature example - East Asian diff --git a/font-features/font-variant-ligatures.html b/font-features/font-variant-ligatures.html index 9e50b38d..b6649c95 100644 --- a/font-features/font-variant-ligatures.html +++ b/font-features/font-variant-ligatures.html @@ -1,8 +1,8 @@ - - + - + + Font feature example - ligatures diff --git a/font-features/font-variant-numeric-frac.html b/font-features/font-variant-numeric-frac.html index dcfaacc4..9af8fd81 100644 --- a/font-features/font-variant-numeric-frac.html +++ b/font-features/font-variant-numeric-frac.html @@ -1,8 +1,8 @@ - - + - + + Font feature example - numeric fractions, ordinals, and slashed zero diff --git a/font-features/font-variant-numeric.html b/font-features/font-variant-numeric.html index 57aed5e5..3c78cf57 100644 --- a/font-features/font-variant-numeric.html +++ b/font-features/font-variant-numeric.html @@ -1,8 +1,8 @@ - - + - + + Font feature example - numeric diff --git a/font-features/font-variant-position.html b/font-features/font-variant-position.html index 3979debf..0cb3c2bf 100644 --- a/font-features/font-variant-position.html +++ b/font-features/font-variant-position.html @@ -1,8 +1,8 @@ - - + - + + Font feature example - position diff --git a/font-features/font-variant.html b/font-features/font-variant.html index d77b16fc..a104e1fa 100644 --- a/font-features/font-variant.html +++ b/font-features/font-variant.html @@ -1,8 +1,8 @@ - - + - + + Font feature example - variant shorthand diff --git a/howto/box-shadow-button.html b/howto/box-shadow-button.html index 0219ac7d..f56f18a4 100644 --- a/howto/box-shadow-button.html +++ b/howto/box-shadow-button.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to add a shadow to an element diff --git a/howto/center.html b/howto/center.html index b7100acd..1a4d943c 100644 --- a/howto/center.html +++ b/howto/center.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to center an element diff --git a/howto/highlight_first_line.html b/howto/highlight_first_line.html index 166733ad..da2e94a6 100644 --- a/howto/highlight_first_line.html +++ b/howto/highlight_first_line.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to highlight the first line of a paragraph diff --git a/howto/highlight_first_line2.html b/howto/highlight_first_line2.html index 705e579f..3a75d803 100644 --- a/howto/highlight_first_line2.html +++ b/howto/highlight_first_line2.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to highlight the first line of a paragraph diff --git a/howto/highlight_first_para.html b/howto/highlight_first_para.html index c6dfbea0..59fab90e 100644 --- a/howto/highlight_first_para.html +++ b/howto/highlight_first_para.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to highlight the first paragraph diff --git a/howto/highlight_h1_plus_para.html b/howto/highlight_h1_plus_para.html index d5369125..52d070ad 100644 --- a/howto/highlight_h1_plus_para.html +++ b/howto/highlight_h1_plus_para.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to highlight a paragraph right after an h1 diff --git a/howto/object-fit.html b/howto/object-fit.html index 60b85df6..7e9a4b99 100644 --- a/howto/object-fit.html +++ b/howto/object-fit.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to fill a box with an image without distorting it diff --git a/howto/opacity.html b/howto/opacity.html index 5a8ca84e..8482b099 100644 --- a/howto/opacity.html +++ b/howto/opacity.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to make a background color semi-transparent diff --git a/howto/text-shadow.html b/howto/text-shadow.html index dc09d6f4..0925430a 100644 --- a/howto/text-shadow.html +++ b/howto/text-shadow.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to add a shadow to text diff --git a/howto/transition-button.html b/howto/transition-button.html index bfd0c5ed..9fd1341c 100644 --- a/howto/transition-button.html +++ b/howto/transition-button.html @@ -1,8 +1,8 @@ - - - + + - + + CSS Solutions: How to transition a button diff --git a/images/image-set-type.html b/images/image-set-type.html index cd6728c8..eadae1de 100644 --- a/images/image-set-type.html +++ b/images/image-set-type.html @@ -1,8 +1,8 @@ - - - + + - + + image-set() type() diff --git a/images/image-set.html b/images/image-set.html index 7d71c71b..f7246dde 100644 --- a/images/image-set.html +++ b/images/image-set.html @@ -1,8 +1,8 @@ - - - + + - + + image-set() diff --git a/inline-formatting/align.html b/inline-formatting/align.html index 980a5a9a..52d717da 100644 --- a/inline-formatting/align.html +++ b/inline-formatting/align.html @@ -1,7 +1,8 @@ - + + Inline Formatting Context - alignment diff --git a/inline-formatting/break.html b/inline-formatting/break.html index 56735415..17eca651 100644 --- a/inline-formatting/break.html +++ b/inline-formatting/break.html @@ -1,7 +1,8 @@ - + + Inline Formatting Context - alignment diff --git a/inline-formatting/inline.html b/inline-formatting/inline.html index af27539d..941c9c76 100644 --- a/inline-formatting/inline.html +++ b/inline-formatting/inline.html @@ -1,7 +1,8 @@ - + + Inline Formatting Context diff --git a/inline-formatting/mbp.html b/inline-formatting/mbp.html index f03cd5c5..d19901ff 100644 --- a/inline-formatting/mbp.html +++ b/inline-formatting/mbp.html @@ -1,7 +1,8 @@ - + + Inline Formatting Context - Margins, border, padding diff --git a/inline-formatting/text-align.html b/inline-formatting/text-align.html index 72d3067f..5daa56ec 100644 --- a/inline-formatting/text-align.html +++ b/inline-formatting/text-align.html @@ -1,7 +1,8 @@ - + + text-align diff --git a/is-where/index.html b/is-where/index.html index 558bfac5..bce6944d 100644 --- a/is-where/index.html +++ b/is-where/index.html @@ -1,7 +1,8 @@ - + + :is() and :where(), examples and differences diff --git a/min-max-clamp/index.html b/min-max-clamp/index.html index 68508c4d..540456df 100644 --- a/min-max-clamp/index.html +++ b/min-max-clamp/index.html @@ -1,7 +1,8 @@ - + - + + min(), max(), clamp() playground html { diff --git a/object-fit-basics/index.html b/object-fit-basics/index.html index e9db3da9..f3c2dcb6 100644 --- a/object-fit-basics/index.html +++ b/object-fit-basics/index.html @@ -1,23 +1,17 @@ - + - - - - + + Object-fit basics - - + -

Object fit basics

This page illustrates different object-fit settings. It is part of the Exploring object-fit Mozilla Hacks post. For the following examples to work, you'll need to be using a fairly new browser — Firefox 36+, Chrome 31+, Opera 26+ or Safari 8+. The latter supports object-fit, but not object-position.

This page illustrates different object-fit settings. It is part of the Exploring object-fit Mozilla Hacks post.

object-fit: contain

diff --git a/object-fit-gallery/index.html b/object-fit-gallery/index.html index d2b09294..86b13130 100644 --- a/object-fit-gallery/index.html +++ b/object-fit-gallery/index.html @@ -1,10 +1,8 @@ - + - - - - + + Object-fit gallery