diff --git a/files/en-us/web/css/basic-shape/index.md b/files/en-us/web/css/basic-shape/index.md index 0260b7dd74398a0..53ce54c95d9d4ba 100644 --- a/files/en-us/web/css/basic-shape/index.md +++ b/files/en-us/web/css/basic-shape/index.md @@ -281,7 +281,10 @@ div { ## See also -- Properties that use this data type: {{cssxref("clip-path")}}, {{cssxref("offset-path")}}, {{cssxref("shape-outside")}}, -- [CSS shapes](/en-US/docs/Web/CSS/CSS_shapes) module +- Properties that use this data type: {{cssxref("clip-path")}}, {{cssxref("offset-path")}}, {{cssxref("shape-outside")}} +- SVG shape elements: {{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("line")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}} - [Overview of CSS shapes](/en-US/docs/Web/CSS/CSS_shapes/Overview_of_shapes) -- [Edit Shape Paths in CSS — Firefox Developer Tools](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/edit_css_shapes/index.html) +- [CSS shapes](/en-US/docs/Web/CSS/CSS_shapes) module +- [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module +- [Edit shape paths in Firefox developer tools](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/edit_css_shapes/index.html) diff --git a/files/en-us/web/css/css_masking/clipping/index.md b/files/en-us/web/css/css_masking/clipping/index.md index d888526610d02ac..51b451474f15778 100644 --- a/files/en-us/web/css/css_masking/clipping/index.md +++ b/files/en-us/web/css/css_masking/clipping/index.md @@ -546,5 +546,7 @@ In addition to applying the same shape for both the `clip-shape` and `shape-outs - {{cssxref("shape-margin")}} - [Overview of shapes](/en-US/docs/Web/CSS/CSS_shapes/Overview_of_shapes) - [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module - [CSS shapes](/en-US/docs/Web/CSS/CSS_shapes) module diff --git a/files/en-us/web/css/css_masking/masking/index.md b/files/en-us/web/css/css_masking/masking/index.md index a7d16d93d7087dd..22caef983695312 100644 --- a/files/en-us/web/css/css_masking/masking/index.md +++ b/files/en-us/web/css/css_masking/masking/index.md @@ -290,4 +290,7 @@ If all you need are shapes, clipping may suffice. But if you need fading, variab ## See also - [Introduction to CSS clipping](/en-US/docs/Web/CSS/CSS_masking/Clipping) +- [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module diff --git a/files/en-us/web/css/mask-border-mode/index.md b/files/en-us/web/css/mask-border-mode/index.md index 1b38781dd097f3a..d2692e50937de62 100644 --- a/files/en-us/web/css/mask-border-mode/index.md +++ b/files/en-us/web/css/mask-border-mode/index.md @@ -49,8 +49,12 @@ This property is not supported by any browser yet. ## See also -- {{cssxref("mask-border")}} +- {{cssxref("mask-mode")}} +- {{cssxref("mask-type")}} +- [Alpha transparency versus luminance](/en-US/docs/Web/CSS/CSS_masking/Masking#alpha_transparency_versus_luminance) +- {{cssxref("mask-border")}} shorthand - {{cssxref("mask-border-outset")}} - {{cssxref("mask-border-repeat")}} - {{cssxref("mask-border-source")}} - {{cssxref("mask-border-width")}} +- {{cssxref("mask-mode")}} diff --git a/files/en-us/web/css/mask-clip/index.md b/files/en-us/web/css/mask-clip/index.md index d310ceb4dc63a3e..c00cde40682ada1 100644 --- a/files/en-us/web/css/mask-clip/index.md +++ b/files/en-us/web/css/mask-clip/index.md @@ -156,4 +156,9 @@ body { - {{cssxref("mask-size")}} - {{cssxref("mask-border")}} - {{cssxref("clip-path")}} +- {{cssxref("background-clip")}} +- [Introduction to CSS clipping](/en-US/docs/Web/CSS/CSS_masking/Clipping) +- [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module diff --git a/files/en-us/web/css/mask-composite/index.md b/files/en-us/web/css/mask-composite/index.md index 098f269403d12d3..abf2fe9e01eda66 100644 --- a/files/en-us/web/css/mask-composite/index.md +++ b/files/en-us/web/css/mask-composite/index.md @@ -304,4 +304,7 @@ body > img { - {{cssxref("mask")}} shorthand - {{cssxref("mask-type")}} - {{cssxref("mask-mode")}} +- [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module diff --git a/files/en-us/web/css/mask-image/index.md b/files/en-us/web/css/mask-image/index.md index 7a80cee1957fe81..b65ef9d5fb09daf 100644 --- a/files/en-us/web/css/mask-image/index.md +++ b/files/en-us/web/css/mask-image/index.md @@ -287,5 +287,8 @@ Toggle the checkbox to toggle the value of the `mask-mode` between `alpha` (chec - {{cssxref("mask-size")}} - {{cssxref("mask-border")}} - {{cssxref("clip-path")}} +- {{cssxref("background-image")}} - [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module diff --git a/files/en-us/web/css/mask-mode/index.md b/files/en-us/web/css/mask-mode/index.md index e7b6d17cd3047a8..c2306b309d20419 100644 --- a/files/en-us/web/css/mask-mode/index.md +++ b/files/en-us/web/css/mask-mode/index.md @@ -146,4 +146,6 @@ Because the mask source is an `` and not an SVG ``, the `match-sour - {{cssxref("mask-image")}} - {{cssxref("mask")}} shorthand - [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module diff --git a/files/en-us/web/css/mask-origin/index.md b/files/en-us/web/css/mask-origin/index.md index d80f84c4a2a688c..0ddb059676be81b 100644 --- a/files/en-us/web/css/mask-origin/index.md +++ b/files/en-us/web/css/mask-origin/index.md @@ -223,9 +223,13 @@ We have three `mask-image` values, but only two `mask-origin` values. This means ## See also +- {{cssxref("background-origin")}} - {{cssxref("mask-image")}} - {{cssxref("mask-position")}} - {{cssxref("mask-repeat")}} - {{cssxref("mask-size")}} - {{cssxref("mask")}} shorthand +- [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module diff --git a/files/en-us/web/css/mask-position/index.md b/files/en-us/web/css/mask-position/index.md index 9cbdbfcef15b215..eeeb5e2b7ee5706 100644 --- a/files/en-us/web/css/mask-position/index.md +++ b/files/en-us/web/css/mask-position/index.md @@ -173,11 +173,17 @@ div { ## See also +- {{cssxref("background-position")}} - {{cssxref("mask-image")}} - {{cssxref("mask-origin")}} - {{cssxref("mask-repeat")}} - {{cssxref("mask-size")}} - {{cssxref("mask")}} shorthand +- {{cssxref("mask-border")}} +- {{cssxref("mask-border-outset")}} +- [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module - {{cssxref("background-position")}} - {{cssxref("<position>")}} diff --git a/files/en-us/web/css/mask-repeat/index.md b/files/en-us/web/css/mask-repeat/index.md index f777eaf87a71a76..9f72c5aa6397beb 100644 --- a/files/en-us/web/css/mask-repeat/index.md +++ b/files/en-us/web/css/mask-repeat/index.md @@ -359,4 +359,9 @@ Each image is matched with a corresponding repeat style. As there are more `mask ## See also -- [Clipping and Masking in CSS](https://css-tricks.com/clipping-masking-css/) +- {{cssxref("background-repeat")}} +- {{cssxref("mask-border-repeat")}} +- [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) +- [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module diff --git a/files/en-us/web/css/mask-size/index.md b/files/en-us/web/css/mask-size/index.md index a0aa01bba28ff1b..0e5943e4b493239 100644 --- a/files/en-us/web/css/mask-size/index.md +++ b/files/en-us/web/css/mask-size/index.md @@ -307,6 +307,7 @@ The `contain` value contains the mask within the origin box. The `cover` value c ## See also +- {{cssxref("background-size")}} - {{cssxref("mask")}} shorthand - {{cssxref("mask-image")}} - {{cssxref("mask-origin")}} @@ -315,4 +316,8 @@ The `contain` value contains the mask within the origin box. The `cover` value c - {{cssxref("mask-image")}} - {{cssxref("mask-border")}} - {{cssxref("background-size")}} +- {{cssxref("mask-border-width")}} +- [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module diff --git a/files/en-us/web/css/mask/index.md b/files/en-us/web/css/mask/index.md index 632f64e266f7288..c0dcb49213336c8 100644 --- a/files/en-us/web/css/mask/index.md +++ b/files/en-us/web/css/mask/index.md @@ -191,6 +191,9 @@ div { - {{CSSxRef("clip-path")}} - {{CSSxRef("filter")}} +- [Introduction to CSS masking](/en-US/docs/Web/CSS/CSS_masking/Masking) +- [CSS `mask` properties](/en-US/docs/Web/CSS/CSS_masking/Mask_properties) +- [Declaring multiple masks](/en-US/docs/Web/CSS/CSS_masking/Multiple_masks) - [CSS masking](/en-US/docs/Web/CSS/CSS_masking) module - SVG {{SVGAttr("mask")}} attribute - [Applying SVG effects to HTML content](/en-US/docs/Web/SVG/Guides/Applying_SVG_effects_to_HTML_content)