diff --git a/docs/ko/fully_untranslated_files/Web_CSS_CSS_images_Using_CSS_gradients.md b/docs/ko/fully_untranslated_files/Web_CSS_CSS_images_Using_CSS_gradients.md index dbd855e1a421d6..8db3fb1bbf1f4b 100644 --- a/docs/ko/fully_untranslated_files/Web_CSS_CSS_images_Using_CSS_gradients.md +++ b/docs/ko/fully_untranslated_files/Web_CSS_CSS_images_Using_CSS_gradients.md @@ -354,7 +354,8 @@ div { 217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71% - ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), + ), + linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%); } ``` @@ -557,7 +558,8 @@ div { circle at 93.3% 75%, rgba(0, 255, 0, 0.5), rgba(0, 255, 0, 0) 70.71% - ) beige; + ) + beige; border-radius: 50%; } ``` @@ -713,7 +715,8 @@ div { rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, @@ -723,8 +726,18 @@ div { rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px - ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green - 200px, blue 250px, indigo 300px, violet 350px, red 370px); + ), + repeating-linear-gradient( + 23deg, + red 50px, + orange 100px, + yellow 150px, + green 200px, + blue 250px, + indigo 300px, + violet 350px, + red 370px + ); } ``` @@ -761,7 +774,8 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent, transparent 50px, @@ -775,18 +789,21 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px, rgba(143, 77, 63, 0.25) 10px - ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px, rgba(143, 77, 63, 0.25) 10px); + ), + repeating-linear-gradient( + 45deg, + transparent, + transparent 5px, + rgba(143, 77, 63, 0.25) 5px, + rgba(143, 77, 63, 0.25) 10px + ); background: repeating-linear-gradient( 90deg, @@ -796,7 +813,8 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent 0 50px, rgba(255, 127, 0, 0.25) 50px 56px, @@ -804,16 +822,17 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent 0 5px, rgba(143, 77, 63, 0.25) 5px 10px - ), repeating-linear-gradient(45deg, transparent 0 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px 10px); + ), + repeating-linear-gradient( + 45deg, + transparent 0 5px, + rgba(143, 77, 63, 0.25) 5px 10px + ); } ``` @@ -869,14 +888,16 @@ div { rgba(0, 0, 0, 0.5) 15px, rgba(255, 255, 255, 0.5) 15px, rgba(255, 255, 255, 0.5) 30px - ) top left no-repeat, + ) + top left no-repeat, repeating-radial-gradient( ellipse at 20% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px - ) top left no-repeat yellow; + ) + top left no-repeat yellow; background-size: 200px 200px, 150px 150px; diff --git a/files/es/learn/css/building_blocks/backgrounds_and_borders/index.md b/files/es/learn/css/building_blocks/backgrounds_and_borders/index.md index ad2d307c92c7aa..f87d17b2952fe5 100644 --- a/files/es/learn/css/building_blocks/backgrounds_and_borders/index.md +++ b/files/es/learn/css/building_blocks/backgrounds_and_borders/index.md @@ -46,7 +46,8 @@ La propiedad {{cssxref ("background")}} de CSS es una propiedad abreviada de una 105deg, rgba(255, 255, 255, 0.2) 39%, rgba(51, 56, 57, 1) 96% - ) center center / 400px 200px no-repeat, + ) + center center / 400px 200px no-repeat, url(big-star.png) center no-repeat, rebeccapurple; } diff --git a/files/es/web/css/backdrop-filter/index.md b/files/es/web/css/backdrop-filter/index.md index 94ea68d218b179..6abc24e823bed9 100644 --- a/files/es/web/css/backdrop-filter/index.md +++ b/files/es/web/css/backdrop-filter/index.md @@ -83,7 +83,8 @@ body { } body { - background-image: url("anemones.jpg"), linear-gradient(rgb(219, 166, 166), rgb(0, 0, 172)); + background-image: url("anemones.jpg"), + linear-gradient(rgb(219, 166, 166), rgb(0, 0, 172)); background-position: center center; background-repeat: no-repeat; background-size: cover; diff --git a/files/es/web/css/background-image/index.md b/files/es/web/css/background-image/index.md index 187ccedbef1427..c4bb977f73e656 100644 --- a/files/es/web/css/background-image/index.md +++ b/files/es/web/css/background-image/index.md @@ -30,7 +30,8 @@ background-image: linear-gradient( to bottom, rgba(255, 255, 0, 0.5), rgba(0, 0, 255, 0.5) - ), url("catfront.png"); + ), + url("catfront.png"); /* Valores globales */ background-image: inherit; diff --git a/files/es/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md b/files/es/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md index 963f326d4d4563..49497d681377ab 100644 --- a/files/es/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md +++ b/files/es/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md @@ -37,7 +37,8 @@ En este ejemplo, tres fondos son apilados: el logo de Firefox, un [gradiente lin .multi_bg_example { width: 100%; height: 400px; - background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); + background-image: url(firefox.png), url(bubbles.png), + linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); background-repeat: no-repeat, no-repeat, no-repeat; background-position: bottom right, diff --git a/files/es/web/css/css_images/using_css_gradients/index.md b/files/es/web/css/css_images/using_css_gradients/index.md index ab35906a635e53..5ff1d1cf12da85 100644 --- a/files/es/web/css/css_images/using_css_gradients/index.md +++ b/files/es/web/css/css_images/using_css_gradients/index.md @@ -354,7 +354,8 @@ div { 217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71% - ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), + ), + linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%); } ``` @@ -609,7 +610,8 @@ div { circle at 93.3% 75%, rgba(0, 255, 0, 0.5), rgba(0, 255, 0, 0) 70.71% - ) beige; + ) + beige; border-radius: 50%; } ``` @@ -757,7 +759,8 @@ div { rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, @@ -767,8 +770,18 @@ div { rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px - ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green - 200px, blue 250px, indigo 300px, violet 350px, red 370px); + ), + repeating-linear-gradient( + 23deg, + red 50px, + orange 100px, + yellow 150px, + green 200px, + blue 250px, + indigo 300px, + violet 350px, + red 370px + ); } ``` @@ -805,7 +818,8 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent, transparent 50px, @@ -819,18 +833,21 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px, rgba(143, 77, 63, 0.25) 10px - ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px, rgba(143, 77, 63, 0.25) 10px); + ), + repeating-linear-gradient( + 45deg, + transparent, + transparent 5px, + rgba(143, 77, 63, 0.25) 5px, + rgba(143, 77, 63, 0.25) 10px + ); background: repeating-linear-gradient( 90deg, @@ -840,7 +857,8 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent 0 50px, rgba(255, 127, 0, 0.25) 50px 56px, @@ -848,16 +866,17 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent 0 5px, rgba(143, 77, 63, 0.25) 5px 10px - ), repeating-linear-gradient(45deg, transparent 0 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px 10px); + ), + repeating-linear-gradient( + 45deg, + transparent 0 5px, + rgba(143, 77, 63, 0.25) 5px 10px + ); } ``` @@ -913,14 +932,16 @@ div { rgba(0, 0, 0, 0.5) 15px, rgba(255, 255, 255, 0.5) 15px, rgba(255, 255, 255, 0.5) 30px - ) top left no-repeat, + ) + top left no-repeat, repeating-radial-gradient( ellipse at 20% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px - ) top left no-repeat yellow; + ) + top left no-repeat yellow; background-size: 200px 200px, 150px 150px; diff --git a/files/es/web/css/filter/index.md b/files/es/web/css/filter/index.md index e6c2db849f91b9..4bb3bac852f480 100644 --- a/files/es/web/css/filter/index.md +++ b/files/es/web/css/filter/index.md @@ -188,8 +188,8 @@ Las funciones de filtro se aplican en orden de aparición. Se puede repetir la m ```css #MDN-logo { border: 1px solid blue; - filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) drop-shadow(5px 5px 0 - red); + filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) + drop-shadow(5px 5px 0 red); } ``` diff --git a/files/es/web/css/grid-auto-columns/index.md b/files/es/web/css/grid-auto-columns/index.md index e7375cc74f0075..947da6f2152caa 100644 --- a/files/es/web/css/grid-auto-columns/index.md +++ b/files/es/web/css/grid-auto-columns/index.md @@ -49,7 +49,8 @@ grid-auto-columns: min-content max-content auto; grid-auto-columns: 100px 150px 390px; grid-auto-columns: 10% 33.3%; grid-auto-columns: 0.5fr 3fr 1fr; -grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) minmax(20%, 80vmax); +grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) + minmax(20%, 80vmax); grid-auto-columns: 100px minmax(100px, auto) 10% 0.5fr fit-content(400px); /* Global values */ diff --git a/files/es/web/css/transition-duration/index.md b/files/es/web/css/transition-duration/index.md index c4014c1b35dd41..2f2d1aeff40a83 100644 --- a/files/es/web/css/transition-duration/index.md +++ b/files/es/web/css/transition-duration/index.md @@ -131,8 +131,8 @@ var intervalID = window.setInterval(updateTransition, 7000); left: 0px; top: 0px; position: absolute; - -webkit-transition-property: width height background-color font-size left - top -webkit-transform color; + -webkit-transition-property: width height background-color font-size left top -webkit-transform + color; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-in-out; transition-property: width height background-color font-size left top @@ -151,8 +151,8 @@ var intervalID = window.setInterval(updateTransition, 7000); left: 150px; top: 25px; position: absolute; - -webkit-transition-property: width height background-color font-size left - top -webkit-transform transform color; + -webkit-transition-property: width height background-color font-size left top -webkit-transform + transform color; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-in-out; transition-property: width height background-color font-size left top diff --git a/files/fr/learn/css/building_blocks/backgrounds_and_borders/index.md b/files/fr/learn/css/building_blocks/backgrounds_and_borders/index.md index 742823efd9c1ec..94e264a60f619f 100644 --- a/files/fr/learn/css/building_blocks/backgrounds_and_borders/index.md +++ b/files/fr/learn/css/building_blocks/backgrounds_and_borders/index.md @@ -44,7 +44,8 @@ La propriété CSS [`background`](/fr/docs/Web/CSS/background) est un raccourci 105deg, rgba(255, 255, 255, 0.2) 39%, rgba(51, 56, 57, 1) 96% - ) center center / 400px 200px no-repeat, + ) + center center / 400px 200px no-repeat, url(big-star.png) center no-repeat, rebeccapurple; } diff --git a/files/fr/learn/css/howto/create_fancy_boxes/index.md b/files/fr/learn/css/howto/create_fancy_boxes/index.md index 04d476b0ab6c5b..dbf47b06e775af 100644 --- a/files/fr/learn/css/howto/create_fancy_boxes/index.md +++ b/files/fr/learn/css/howto/create_fancy_boxes/index.md @@ -103,27 +103,17 @@ Passons à la manipulation : sont considérés et manipulés comme des images */ background-image: linear-gradient(175deg, rgba(0, 0, 0, 0) 95%, #8da389 95%), - linear-gradient(85deg, rgba(0, 0, 0, 0) 95%, #8da389 95%), linear-gradient( - 175deg, - rgba(0, 0, 0, 0) 90%, - #b4b07f 90% - ), linear-gradient(85deg, rgba(0, 0, 0, 0) 92%, #b4b07f 92%), - linear-gradient(175deg, rgba(0, 0, 0, 0) 85%, #c5a68e 85%), linear-gradient( - 85deg, - rgba(0, 0, 0, 0) 89%, - #c5a68e 89% - ), linear-gradient(175deg, rgba(0, 0, 0, 0) 80%, #ba9499 80%), - linear-gradient(85deg, rgba(0, 0, 0, 0) 86%, #ba9499 86%), linear-gradient( - 175deg, - rgba(0, 0, 0, 0) 75%, - #9f8fa4 75% - ), linear-gradient(85deg, rgba(0, 0, 0, 0) 83%, #9f8fa4 83%), - linear-gradient(175deg, rgba(0, 0, 0, 0) 70%, #74a6ae 70%), linear-gradient(85deg, rgba( - 0, - 0, - 0, - 0 - ) 80%, #74a6ae 80%); + linear-gradient(85deg, rgba(0, 0, 0, 0) 95%, #8da389 95%), + linear-gradient(175deg, rgba(0, 0, 0, 0) 90%, #b4b07f 90%), + linear-gradient(85deg, rgba(0, 0, 0, 0) 92%, #b4b07f 92%), + linear-gradient(175deg, rgba(0, 0, 0, 0) 85%, #c5a68e 85%), + linear-gradient(85deg, rgba(0, 0, 0, 0) 89%, #c5a68e 89%), + linear-gradient(175deg, rgba(0, 0, 0, 0) 80%, #ba9499 80%), + linear-gradient(85deg, rgba(0, 0, 0, 0) 86%, #ba9499 86%), + linear-gradient(175deg, rgba(0, 0, 0, 0) 75%, #9f8fa4 75%), + linear-gradient(85deg, rgba(0, 0, 0, 0) 83%, #9f8fa4 83%), + linear-gradient(175deg, rgba(0, 0, 0, 0) 70%, #74a6ae 70%), + linear-gradient(85deg, rgba(0, 0, 0, 0) 80%, #74a6ae 80%); } ``` diff --git a/files/fr/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md b/files/fr/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md index 9d019d3395dba1..0aa00ce4b21b01 100644 --- a/files/fr/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md +++ b/files/fr/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md @@ -148,7 +148,8 @@ Ensuite, voyons les icônes des boutons: font-family: "HeydingsControlsRegular"; src: url("fonts/heydings_controls-webfont.eot"); src: - url("fonts/heydings_controls-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/heydings_controls-webfont.eot?#iefix") + format("embedded-opentype"), url("fonts/heydings_controls-webfont.woff") format("woff"), url("fonts/heydings_controls-webfont.ttf") format("truetype"); font-weight: normal; diff --git a/files/fr/web/api/web_authentication_api/index.md b/files/fr/web/api/web_authentication_api/index.md index 7d2a53a4f508b5..e877afea40811e 100644 --- a/files/fr/web/api/web_authentication_api/index.md +++ b/files/fr/web/api/web_authentication_api/index.md @@ -204,9 +204,9 @@ const createCredentialDefaultArgs = { challenge: new Uint8Array([ // doit être un nombre cryptographiquement aléatoire fourni par le serveur - 0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, 0x1a, - 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, 0x7e, 0x38, - 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef, + 0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, + 0x1a, 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, + 0x7e, 0x38, 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef, ]).buffer, }, }; @@ -218,9 +218,9 @@ const getCredentialDefaultArgs = { // allowCredentials: [newCredential] // voir ci-dessous challenge: new Uint8Array([ // doit être un nombre cryptographiquement aléatoire fourni par le serveur - 0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, 0x67, - 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, 0x81, 0x26, - 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50, + 0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, + 0x67, 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, + 0x81, 0x26, 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50, ]).buffer, }, }; diff --git a/files/fr/web/css/background-image/index.md b/files/fr/web/css/background-image/index.md index 4b0db02c6fd3e3..4329496eb616c9 100644 --- a/files/fr/web/css/background-image/index.md +++ b/files/fr/web/css/background-image/index.md @@ -31,7 +31,8 @@ background-image: linear-gradient( to bottom, rgba(255, 255, 0, 0.5), rgba(0, 0, 255, 0.5) - ), url("catfront.png"); + ), + url("catfront.png"); /* Valeur avec un mot-clé */ background-image: none; diff --git a/files/fr/web/css/background-origin/index.md b/files/fr/web/css/background-origin/index.md index e7aef430c65689..16a8157eccb69e 100644 --- a/files/fr/web/css/background-origin/index.md +++ b/files/fr/web/css/background-origin/index.md @@ -100,7 +100,8 @@ Dans cet exemple, la boîte possède une bordure épaisse en pointillés. Le pre rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 0.6) 60%, rgba(252, 176, 69, 1) 100% - ), radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 28%); + ), + radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 28%); border: 20px dashed black; padding: 20px; width: 400px; diff --git a/files/fr/web/css/counter/index.md b/files/fr/web/css/counter/index.md index c826dbfcdbf3c6..e10b11635624fe 100644 --- a/files/fr/web/css/counter/index.md +++ b/files/fr/web/css/counter/index.md @@ -93,11 +93,8 @@ li { } li::after { - content: "[" counter(count, decimal-leading-zero) "] == [" counter( - count, - lower-alpha - ) - "]"; + content: "[" counter(count, decimal-leading-zero) "] == [" + counter(count, lower-alpha) "]"; } ``` diff --git a/files/fr/web/css/counters/index.md b/files/fr/web/css/counters/index.md index b2ff5f99ed7e65..2788ba5baa87d5 100644 --- a/files/fr/web/css/counters/index.md +++ b/files/fr/web/css/counters/index.md @@ -88,11 +88,8 @@ li::marker { content: counters(listCounter, ".", upper-roman) ") "; } li::before { - content: counters(listCounter, ".") " == " counters( - listCounter, - ".", - lower-roman - ); + content: counters(listCounter, ".") " == " + counters(listCounter, ".", lower-roman); } ``` @@ -143,11 +140,8 @@ li::marker { content: counters(count, ".", upper-alpha) ") "; } li::before { - content: counters(count, ".", decimal-leading-zero) " == " counters( - count, - ".", - lower-alpha - ); + content: counters(count, ".", decimal-leading-zero) " == " + counters(count, ".", lower-alpha); } ``` diff --git a/files/fr/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md b/files/fr/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md index 01cd297223d8c9..bfea00aff5670f 100644 --- a/files/fr/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md +++ b/files/fr/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md @@ -33,7 +33,8 @@ Dans cet exemple, on cumule trois arrière-plans : le logo de Firefox, une .multi-bg-example { width: 100%; height: 400px; - background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); + background-image: url(firefox.png), url(bubbles.png), + linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); background-repeat: no-repeat, no-repeat, no-repeat; background-position: bottom right, diff --git a/files/fr/web/css/css_images/using_css_gradients/index.md b/files/fr/web/css/css_images/using_css_gradients/index.md index 3578549bd88cc6..59dfafa68c6249 100644 --- a/files/fr/web/css/css_images/using_css_gradients/index.md +++ b/files/fr/web/css/css_images/using_css_gradients/index.md @@ -381,7 +381,8 @@ div { 217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71% - ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), + ), + linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%); } ``` @@ -638,7 +639,8 @@ div { circle at 93.3% 75%, rgba(0, 255, 0, 0.5), rgba(0, 255, 0, 0) 70.71% - ) beige; + ) + beige; border-radius: 50%; } ``` @@ -794,7 +796,8 @@ div { rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, @@ -804,8 +807,18 @@ div { rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px - ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green - 200px, blue 250px, indigo 300px, violet 350px, red 370px); + ), + repeating-linear-gradient( + 23deg, + red 50px, + orange 100px, + yellow 150px, + green 200px, + blue 250px, + indigo 300px, + violet 350px, + red 370px + ); } ``` @@ -842,7 +855,8 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent, transparent 50px, @@ -856,18 +870,21 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px, rgba(143, 77, 63, 0.25) 10px - ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px, rgba(143, 77, 63, 0.25) 10px); + ), + repeating-linear-gradient( + 45deg, + transparent, + transparent 5px, + rgba(143, 77, 63, 0.25) 5px, + rgba(143, 77, 63, 0.25) 10px + ); background: repeating-linear-gradient( 90deg, @@ -877,7 +894,8 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent 0 50px, rgba(255, 127, 0, 0.25) 50px 56px, @@ -885,16 +903,17 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent 0 5px, rgba(143, 77, 63, 0.25) 5px 10px - ), repeating-linear-gradient(45deg, transparent 0 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px 10px); + ), + repeating-linear-gradient( + 45deg, + transparent 0 5px, + rgba(143, 77, 63, 0.25) 5px 10px + ); } ``` @@ -950,14 +969,16 @@ div { rgba(0, 0, 0, 0.5) 15px, rgba(255, 255, 255, 0.5) 15px, rgba(255, 255, 255, 0.5) 30px - ) top left no-repeat, + ) + top left no-repeat, repeating-radial-gradient( ellipse at 20% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px - ) top left no-repeat yellow; + ) + top left no-repeat yellow; background-size: 200px 200px, 150px 150px; diff --git a/files/fr/web/css/env/index.md b/files/fr/web/css/env/index.md index 4a9384eca4fdad..87cb8976ba36a3 100644 --- a/files/fr/web/css/env/index.md +++ b/files/fr/web/css/env/index.md @@ -11,10 +11,8 @@ La fonction CSS **`env()`** peut être utilisée afin d'insérer la valeur d'une ```css body { - padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env( - safe-area-inset-bottom, - 20px - ) env(safe-area-inset-left, 20px); + padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) + env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); } ``` @@ -72,10 +70,8 @@ Dans l'exemple qui suit, on utilise le deuxième paramètre de la notation fonct p { width: 300px; border: 2px solid red; - padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) env( - safe-area-inset-bottom, - 50px - ) env(SAFE-AREA-INSET-LEFT, 50px); + padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) + env(safe-area-inset-bottom, 50px) env(SAFE-AREA-INSET-LEFT, 50px); } ``` diff --git a/files/fr/web/css/filter/index.md b/files/fr/web/css/filter/index.md index 31cb09e2f08aa8..0b7c34156bb93b 100644 --- a/files/fr/web/css/filter/index.md +++ b/files/fr/web/css/filter/index.md @@ -197,8 +197,8 @@ Les fonctions de filtre sont appliquées selon leur ordre d'apparition. On peut ```css #MDN-logo { border: 1px solid blue; - filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) drop-shadow(5px 5px 0 - red); + filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) + drop-shadow(5px 5px 0 red); } ``` diff --git a/files/fr/web/css/gradient/conic-gradient/index.md b/files/fr/web/css/gradient/conic-gradient/index.md index d67485cc03f294..da1a21d5f8b9ac 100644 --- a/files/fr/web/css/gradient/conic-gradient/index.md +++ b/files/fr/web/css/gradient/conic-gradient/index.md @@ -207,7 +207,8 @@ div { #000 0.25turn 0.5turn, #fff 0.5turn 0.75turn, #000 0.75turn - ) top left / 25% 25% repeat; + ) + top left / 25% 25% repeat; border: 1px solid; } ``` diff --git a/files/fr/web/css/grid-auto-columns/index.md b/files/fr/web/css/grid-auto-columns/index.md index d788bf923c7bda..368edaf4740d76 100644 --- a/files/fr/web/css/grid-auto-columns/index.md +++ b/files/fr/web/css/grid-auto-columns/index.md @@ -49,7 +49,8 @@ grid-auto-columns: min-content max-content auto; grid-auto-columns: 100px 150px 390px; grid-auto-columns: 10% 33.3%; grid-auto-columns: 0.5fr 3fr 1fr; -grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) minmax(20%, 80vmax); +grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) + minmax(20%, 80vmax); grid-auto-columns: 100px minmax(100px, auto) 10% 0.5fr fit-content(400px); /* Valeurs globales */ diff --git a/files/fr/web/css/mask-image/index.md b/files/fr/web/css/mask-image/index.md index 6d7f4d1b9d5c32..6b0f72ef863bf3 100644 --- a/files/fr/web/css/mask-image/index.md +++ b/files/fr/web/css/mask-image/index.md @@ -21,7 +21,8 @@ mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent); mask-image: image(url(mask.png), skyblue); /* Gestion de plusieurs masques */ -mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1), transparent); +mask-image: image(url(mask.png), skyblue), + linear-gradient(rgba(0, 0, 0, 1), transparent); /* Valeurs globales */ mask-image: inherit; diff --git a/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.md b/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.md index ecc42f89d4da74..15cdfb832e73ef 100644 --- a/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.md +++ b/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.md @@ -43,7 +43,8 @@ CSS の {{cssxref("background")}} プロパティは、このレッスンで説 105deg, rgb(255 255 255 / 20%) 39%, rgb(51 56 57 / 100%) 96% - ) center center / 400px 200px no-repeat, + ) + center center / 400px 200px no-repeat, url(big-star.png) center no-repeat, rebeccapurple; } diff --git a/files/ja/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md b/files/ja/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md index 20a0b4dbd29ee8..78e82b92a122a0 100644 --- a/files/ja/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md +++ b/files/ja/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md @@ -146,7 +146,8 @@ HTML のインデックスファイルを開いてください。多くの機能 font-family: "HeydingsControlsRegular"; src: url("fonts/heydings_controls-webfont.eot"); src: - url("fonts/heydings_controls-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/heydings_controls-webfont.eot?#iefix") + format("embedded-opentype"), url("fonts/heydings_controls-webfont.woff") format("woff"), url("fonts/heydings_controls-webfont.ttf") format("truetype"); font-weight: normal; diff --git a/files/ja/web/api/web_authentication_api/index.md b/files/ja/web/api/web_authentication_api/index.md index 2b9f7df916bc68..ac5d2134d3a97d 100644 --- a/files/ja/web/api/web_authentication_api/index.md +++ b/files/ja/web/api/web_authentication_api/index.md @@ -148,9 +148,9 @@ var createCredentialDefaultArgs = { challenge: new Uint8Array([ // サーバーから暗号学的にランダムな値が送られていなければならない - 0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, 0x1a, - 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, 0x7e, 0x38, - 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef, + 0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, + 0x1a, 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, + 0x7e, 0x38, 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef, ]).buffer, }, }; @@ -162,9 +162,9 @@ var getCredentialDefaultArgs = { // allowCredentials: [newCredential] // 下記参照 challenge: new Uint8Array([ // サーバーから暗号学的にランダムな値が送られていなければならない - 0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, 0x67, - 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, 0x81, 0x26, - 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50, + 0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, + 0x67, 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, + 0x81, 0x26, 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50, ]).buffer, }, }; diff --git a/files/ja/web/css/@import/index.md b/files/ja/web/css/@import/index.md index 12f302036b0a4b..84f1536ced4f7b 100644 --- a/files/ja/web/css/@import/index.md +++ b/files/ja/web/css/@import/index.md @@ -101,8 +101,8 @@ l10n: ```css @import url("gridy.css") supports(display: grid) screen and (max-width: 400px); -@import url("flexy.css") supports(not (display: grid) and (display: flex)) screen - and (max-width: 400px); +@import url("flexy.css") supports(not (display: grid) and (display: flex)) + screen and (max-width: 400px); ``` 上記の `@import` ルールは、`display: grid` が対応している場合はグリッドを使用するレイアウトをインポートし、そうでない場合は `display: flex` を使用する CSS をインポートする方法を示しています。 @@ -115,8 +115,8 @@ l10n: 例えば、下記のコードでは、[子結合子](/ja/docs/Web/CSS/Child_combinator) (`selector()`) と `font-tech()` 関数の両方を条件とする `@import` を表示しています。 ```css -@import url("whatever.css") supports((selector(h2 > p)) and - (font-tech(color-COLRv1))); +@import url("whatever.css") +supports((selector(h2 > p)) and (font-tech(color-COLRv1))); ``` ### カスケードレイヤーへのCSSルールのインポート diff --git a/files/ja/web/css/@media/prefers-reduced-data/index.md b/files/ja/web/css/@media/prefers-reduced-data/index.md index 89861fa3f23eee..45e675a1f8a9ea 100644 --- a/files/ja/web/css/@media/prefers-reduced-data/index.md +++ b/files/ja/web/css/@media/prefers-reduced-data/index.md @@ -54,9 +54,9 @@ slug: Web/CSS/@media/prefers-reduced-data local("Montserrat Regular"), local("Montserrat-Regular"), url("fonts/montserrat-regular.woff2") format("woff2"); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, - U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, - U+2212, U+2215, U+FEFF, U+FFFD; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, + U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, + U+2215, U+FEFF, U+FFFD; } } diff --git a/files/ja/web/css/background-image/index.md b/files/ja/web/css/background-image/index.md index acc6c9b25c6542..a6d1a86a3a7cb5 100644 --- a/files/ja/web/css/background-image/index.md +++ b/files/ja/web/css/background-image/index.md @@ -26,7 +26,8 @@ background-image: linear-gradient( to bottom, rgb(255 255 0 / 50%), rgb(0 0 255 / 50%) - ), url("catfront.png"); + ), + url("catfront.png"); /* グローバル値 */ background-image: inherit; diff --git a/files/ja/web/css/background-origin/index.md b/files/ja/web/css/background-origin/index.md index c971edd0e2a072..d3f2252b4f0d62 100644 --- a/files/ja/web/css/background-origin/index.md +++ b/files/ja/web/css/background-origin/index.md @@ -95,7 +95,8 @@ div { rgb(131 58 180 / 100%) 0%, rgb(253 29 29 / 60%) 60%, rgb(252 176 69 / 100%) 100% - ), radial-gradient(circle, rgb(255 255 255 / 100%) 0%, rgb(0 0 0 / 100%) 28%); + ), + radial-gradient(circle, rgb(255 255 255 / 100%) 0%, rgb(0 0 0 / 100%) 28%); border: 20px dashed black; padding: 20px; width: 400px; diff --git a/files/ja/web/css/counter/index.md b/files/ja/web/css/counter/index.md index 8da1a61c49f870..c3cd36ba6a4c84 100644 --- a/files/ja/web/css/counter/index.md +++ b/files/ja/web/css/counter/index.md @@ -91,11 +91,8 @@ li { counter-increment: count; } li::after { - content: "[" counter(count, decimal-leading-zero) "] == [" counter( - count, - lower-alpha - ) - "]"; + content: "[" counter(count, decimal-leading-zero) "] == [" + counter(count, lower-alpha) "]"; } ``` diff --git a/files/ja/web/css/counters/index.md b/files/ja/web/css/counters/index.md index 09432e89b12fca..9ea6bcedf0114b 100644 --- a/files/ja/web/css/counters/index.md +++ b/files/ja/web/css/counters/index.md @@ -83,11 +83,8 @@ li::marker { content: counters(listCounter, ".", upper-roman) ") "; } li::before { - content: counters(listCounter, ".") " == " counters( - listCounter, - ".", - lower-roman - ); + content: counters(listCounter, ".") " == " + counters(listCounter, ".", lower-roman); } ``` @@ -138,11 +135,8 @@ li::marker { content: counters(count, ".", upper-alpha) ") "; } li::before { - content: counters(count, ".", decimal-leading-zero) " == " counters( - count, - ".", - lower-alpha - ); + content: counters(count, ".", decimal-leading-zero) " == " + counters(count, ".", lower-alpha); } ``` diff --git a/files/ja/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md b/files/ja/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md index 1396cf32b04dca..a23f4612cc50ce 100644 --- a/files/ja/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md +++ b/files/ja/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md @@ -38,8 +38,8 @@ l10n: .multi-bg-example { width: 100%; height: 400px; - background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgb(30 - 75 115 / 100%), rgb(255 255 255 / 0%)); + background-image: url(firefox.png), url(bubbles.png), + linear-gradient(to right, rgb(30 75 115 / 100%), rgb(255 255 255 / 0%)); background-repeat: no-repeat, no-repeat, no-repeat; background-position: bottom right, diff --git a/files/ja/web/css/css_images/using_css_gradients/index.md b/files/ja/web/css/css_images/using_css_gradients/index.md index 99c2638c4f3e89..46adb54a94bb98 100644 --- a/files/ja/web/css/css_images/using_css_gradients/index.md +++ b/files/ja/web/css/css_images/using_css_gradients/index.md @@ -354,7 +354,8 @@ div { 217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71% - ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), + ), + linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%); } ``` @@ -609,7 +610,8 @@ div { circle at 93.3% 75%, rgba(0, 255, 0, 0.5), rgba(0, 255, 0, 0) 70.71% - ) beige; + ) + beige; border-radius: 50%; } ``` @@ -757,7 +759,8 @@ div { rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, @@ -767,8 +770,18 @@ div { rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px - ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green - 200px, blue 250px, indigo 300px, violet 350px, red 370px); + ), + repeating-linear-gradient( + 23deg, + red 50px, + orange 100px, + yellow 150px, + green 200px, + blue 250px, + indigo 300px, + violet 350px, + red 370px + ); } ``` @@ -805,7 +818,8 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent, transparent 50px, @@ -819,18 +833,21 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px, rgba(143, 77, 63, 0.25) 10px - ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px, rgba(143, 77, 63, 0.25) 10px); + ), + repeating-linear-gradient( + 45deg, + transparent, + transparent 5px, + rgba(143, 77, 63, 0.25) 5px, + rgba(143, 77, 63, 0.25) 10px + ); background: repeating-linear-gradient( 90deg, @@ -840,7 +857,8 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent 0 50px, rgba(255, 127, 0, 0.25) 50px 56px, @@ -848,16 +866,17 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent 0 5px, rgba(143, 77, 63, 0.25) 5px 10px - ), repeating-linear-gradient(45deg, transparent 0 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px 10px); + ), + repeating-linear-gradient( + 45deg, + transparent 0 5px, + rgba(143, 77, 63, 0.25) 5px 10px + ); } ``` @@ -913,14 +932,16 @@ div { rgba(0, 0, 0, 0.5) 15px, rgba(255, 255, 255, 0.5) 15px, rgba(255, 255, 255, 0.5) 30px - ) top left no-repeat, + ) + top left no-repeat, repeating-radial-gradient( ellipse at 20% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px - ) top left no-repeat yellow; + ) + top left no-repeat yellow; background-size: 200px 200px, 150px 150px; diff --git a/files/ja/web/css/env/index.md b/files/ja/web/css/env/index.md index 32897832b1f84b..3bb0d659ea67ed 100644 --- a/files/ja/web/css/env/index.md +++ b/files/ja/web/css/env/index.md @@ -56,10 +56,8 @@ You can then use `env()` in your CSS: ```css body { - padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env( - safe-area-inset-bottom, - 20px - ) env(safe-area-inset-left, 20px); + padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) + env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); } ``` @@ -136,10 +134,8 @@ button { p { width: 300px; border: 2px solid red; - padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) env( - safe-area-inset-bottom, - 50px - ) env(SAFE-AREA-INSET-LEFT, 50px); + padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) + env(safe-area-inset-bottom, 50px) env(SAFE-AREA-INSET-LEFT, 50px); } ``` diff --git a/files/ja/web/css/filter/index.md b/files/ja/web/css/filter/index.md index 87ba45fcbf4751..70fe5ce39fc34f 100644 --- a/files/ja/web/css/filter/index.md +++ b/files/ja/web/css/filter/index.md @@ -196,8 +196,8 @@ img:nth-of-type(2) { ```css #MDN-logo { border: 1px solid blue; - filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) drop-shadow(5px 5px 0 - red); + filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) + drop-shadow(5px 5px 0 red); } ``` diff --git a/files/ja/web/css/gradient/conic-gradient/index.md b/files/ja/web/css/gradient/conic-gradient/index.md index 9f6283ef19c8eb..12e02fdab1a761 100644 --- a/files/ja/web/css/gradient/conic-gradient/index.md +++ b/files/ja/web/css/gradient/conic-gradient/index.md @@ -202,7 +202,8 @@ div { #000 0.25turn 0.5turn, #fff 0.5turn 0.75turn, #000 0.75turn - ) top left / 25% 25% repeat; + ) + top left / 25% 25% repeat; border: 1px solid; } ``` diff --git a/files/ja/web/css/grid-auto-columns/index.md b/files/ja/web/css/grid-auto-columns/index.md index 5a9e747b8170b7..ce1f67396cf455 100644 --- a/files/ja/web/css/grid-auto-columns/index.md +++ b/files/ja/web/css/grid-auto-columns/index.md @@ -49,7 +49,8 @@ grid-auto-columns: min-content max-content auto; grid-auto-columns: 100px 150px 390px; grid-auto-columns: 10% 33.3%; grid-auto-columns: 0.5fr 3fr 1fr; -grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) minmax(20%, 80vmax); +grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) + minmax(20%, 80vmax); grid-auto-columns: 100px minmax(100px, auto) 10% 0.5fr fit-content(400px); /* グローバル値 */ diff --git a/files/ja/web/css/mask-image/index.md b/files/ja/web/css/mask-image/index.md index 6d24114e69e87d..cdc4cb2a753dd4 100644 --- a/files/ja/web/css/mask-image/index.md +++ b/files/ja/web/css/mask-image/index.md @@ -20,7 +20,8 @@ mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent); mask-image: image(url(mask.png), skyblue); /* 複数の値 */ -mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1), transparent); +mask-image: image(url(mask.png), skyblue), + linear-gradient(rgba(0, 0, 0, 1), transparent); /* グローバル値 */ mask-image: inherit; diff --git a/files/ja/web/css/transform-function/matrix3d/index.md b/files/ja/web/css/transform-function/matrix3d/index.md index 6c17e0f30802da..be96daf0adf2ab 100644 --- a/files/ja/web/css/transform-function/matrix3d/index.md +++ b/files/ja/web/css/transform-function/matrix3d/index.md @@ -103,24 +103,8 @@ matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) #example-element:hover, #example-element:focus { - transform: rotate3d(1, 1, 1, 30deg) matrix3d( - 1, - 0, - 0, - 0, - 0, - 1, - 6, - 0, - 0, - 0, - 1, - 0, - 50, - 100, - 0, - 1.1 - ); + transform: rotate3d(1, 1, 1, 30deg) + matrix3d(1, 0, 0, 0, 0, 1, 6, 0, 0, 0, 1, 0, 50, 100, 0, 1.1); } .face { diff --git a/files/ko/learn/css/building_blocks/backgrounds_and_borders/index.md b/files/ko/learn/css/building_blocks/backgrounds_and_borders/index.md index 593789b3abd512..059956cbfd7c76 100644 --- a/files/ko/learn/css/building_blocks/backgrounds_and_borders/index.md +++ b/files/ko/learn/css/building_blocks/backgrounds_and_borders/index.md @@ -50,7 +50,8 @@ CSS {{cssxref("background")}} 속성은 이 수업에서 만나게 될 많은 ba 105deg, rgba(255, 255, 255, 0.2) 39%, rgba(51, 56, 57, 1) 96% - ) center center / 400px 200px no-repeat, + ) + center center / 400px 200px no-repeat, url(big-star.png) center no-repeat, rebeccapurple; } diff --git a/files/ko/web/css/background-image/index.md b/files/ko/web/css/background-image/index.md index 90aa527ed8d06b..27c4ca0d4a4cb9 100644 --- a/files/ko/web/css/background-image/index.md +++ b/files/ko/web/css/background-image/index.md @@ -28,7 +28,8 @@ background-image: linear-gradient( to bottom, rgba(255, 255, 0, 0.5), rgba(0, 0, 255, 0.5) - ), url("catfront.png"); + ), + url("catfront.png"); ``` ### 값 diff --git a/files/ko/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md b/files/ko/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md index 2e214f0122a9a3..92f895665348dd 100644 --- a/files/ko/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md +++ b/files/ko/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md @@ -37,7 +37,8 @@ slug: Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds .multi-bg-example { width: 100%; height: 400px; - background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); + background-image: url(firefox.png), url(bubbles.png), + linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); background-repeat: no-repeat, no-repeat, no-repeat; background-position: bottom right, diff --git a/files/ko/web/css/env/index.md b/files/ko/web/css/env/index.md index 417e92b1290c25..38c892074e5d1b 100644 --- a/files/ko/web/css/env/index.md +++ b/files/ko/web/css/env/index.md @@ -60,10 +60,8 @@ env(safe-area-inset-left, 1.4rem); ```css body { - padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env( - safe-area-inset-bottom, - 20px - ) env(safe-area-inset-left, 20px); + padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) + env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); } ``` @@ -139,10 +137,8 @@ button { p { width: 300px; border: 2px solid red; - padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) env( - safe-area-inset-bottom, - 50px - ) env(SAFE-AREA-INSET-LEFT, 50px); + padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) + env(safe-area-inset-bottom, 50px) env(SAFE-AREA-INSET-LEFT, 50px); } ``` diff --git a/files/pt-br/web/css/env/index.md b/files/pt-br/web/css/env/index.md index f4967ec2cb2037..a46b29e3671a3a 100644 --- a/files/pt-br/web/css/env/index.md +++ b/files/pt-br/web/css/env/index.md @@ -9,10 +9,8 @@ A função [CSS](/pt-BR/docs/Web/CSS) **`env()`** pode ser usada para inserir o ```css body { - padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env( - safe-area-inset-bottom, - 20px - ) env(safe-area-inset-left, 20px); + padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) + env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); } ``` @@ -66,10 +64,8 @@ O exemplo abaixo faz uso do segundo parâmetro opcional de `env()`, que permite p { width: 300px; border: 2px solid red; - padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) env( - safe-area-inset-bottom, - 50px - ) env(SAFE-AREA-INSET-LEFT, 50px); + padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) + env(safe-area-inset-bottom, 50px) env(SAFE-AREA-INSET-LEFT, 50px); } ``` diff --git a/files/ru/learn/css/building_blocks/backgrounds_and_borders/index.md b/files/ru/learn/css/building_blocks/backgrounds_and_borders/index.md index c6f68e3e11bd16..12d2ab79f412c1 100644 --- a/files/ru/learn/css/building_blocks/backgrounds_and_borders/index.md +++ b/files/ru/learn/css/building_blocks/backgrounds_and_borders/index.md @@ -22,7 +22,8 @@ CSS-свойство {{cssxref ("background")}} является сокраще 105deg, rgba(255, 255, 255, 0.2) 39%, rgba(51, 56, 57, 1) 96% - ) center center / 400px 200px no-repeat, + ) + center center / 400px 200px no-repeat, url(big-star.png) center no-repeat, rebeccapurple; } diff --git a/files/ru/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md b/files/ru/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md index a2814b0cff604c..32600262e78c7e 100644 --- a/files/ru/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md +++ b/files/ru/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md @@ -36,7 +36,8 @@ slug: Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds .multi-bg-example { width: 100%; height: 400px; - background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); + background-image: url(firefox.png), url(bubbles.png), + linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); background-repeat: no-repeat, no-repeat, no-repeat; background-position: bottom right, diff --git a/files/ru/web/css/css_images/using_css_gradients/index.md b/files/ru/web/css/css_images/using_css_gradients/index.md index b37ccf8d29832e..b070d2c14a62d5 100644 --- a/files/ru/web/css/css_images/using_css_gradients/index.md +++ b/files/ru/web/css/css_images/using_css_gradients/index.md @@ -354,7 +354,8 @@ div { 217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71% - ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), + ), + linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%); } ``` @@ -557,7 +558,8 @@ div { circle at 93.3% 75%, rgba(0, 255, 0, 0.5), rgba(0, 255, 0, 0) 70.71% - ) beige; + ) + beige; border-radius: 50%; } ``` @@ -713,7 +715,8 @@ div { rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, @@ -723,8 +726,18 @@ div { rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px - ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green - 200px, blue 250px, indigo 300px, violet 350px, red 370px); + ), + repeating-linear-gradient( + 23deg, + red 50px, + orange 100px, + yellow 150px, + green 200px, + blue 250px, + indigo 300px, + violet 350px, + red 370px + ); } ``` @@ -761,7 +774,8 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent, transparent 50px, @@ -775,18 +789,21 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px, rgba(143, 77, 63, 0.25) 10px - ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px, rgba(143, 77, 63, 0.25) 10px); + ), + repeating-linear-gradient( + 45deg, + transparent, + transparent 5px, + rgba(143, 77, 63, 0.25) 5px, + rgba(143, 77, 63, 0.25) 10px + ); background: repeating-linear-gradient( 90deg, @@ -796,7 +813,8 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent 0 50px, rgba(255, 127, 0, 0.25) 50px 56px, @@ -804,16 +822,17 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent 0 5px, rgba(143, 77, 63, 0.25) 5px 10px - ), repeating-linear-gradient(45deg, transparent 0 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px 10px); + ), + repeating-linear-gradient( + 45deg, + transparent 0 5px, + rgba(143, 77, 63, 0.25) 5px 10px + ); } ``` @@ -869,14 +888,16 @@ div { rgba(0, 0, 0, 0.5) 15px, rgba(255, 255, 255, 0.5) 15px, rgba(255, 255, 255, 0.5) 30px - ) top left no-repeat, + ) + top left no-repeat, repeating-radial-gradient( ellipse at 20% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px - ) top left no-repeat yellow; + ) + top left no-repeat yellow; background-size: 200px 200px, 150px 150px; diff --git a/files/ru/web/css/transition-duration/index.md b/files/ru/web/css/transition-duration/index.md index 3b110bf2a44b43..88c755ca7f5656 100644 --- a/files/ru/web/css/transition-duration/index.md +++ b/files/ru/web/css/transition-duration/index.md @@ -129,8 +129,8 @@ var intervalID = window.setInterval(updateTransition, 7000); left: 0px; top: 0px; position: absolute; - -webkit-transition-property: width height background-color font-size left - top -webkit-transform color; + -webkit-transition-property: width height background-color font-size left top -webkit-transform + color; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-in-out; transition-property: width height background-color font-size left top @@ -149,8 +149,8 @@ var intervalID = window.setInterval(updateTransition, 7000); left: 150px; top: 25px; position: absolute; - -webkit-transition-property: width height background-color font-size left - top -webkit-transform transform color; + -webkit-transition-property: width height background-color font-size left top -webkit-transform + transform color; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-in-out; transition-property: width height background-color font-size left top diff --git a/files/zh-cn/learn/css/building_blocks/backgrounds_and_borders/index.md b/files/zh-cn/learn/css/building_blocks/backgrounds_and_borders/index.md index b0597a94ee9195..5c7be375bc342f 100644 --- a/files/zh-cn/learn/css/building_blocks/backgrounds_and_borders/index.md +++ b/files/zh-cn/learn/css/building_blocks/backgrounds_and_borders/index.md @@ -40,7 +40,8 @@ CSS {{cssxref("background")}} 属性是本课程中我们将遇到的一些普 105deg, rgba(255, 255, 255, 0.2) 39%, rgba(51, 56, 57, 1) 96% - ) center center / 400px 200px no-repeat, + ) + center center / 400px 200px no-repeat, url(big-star.png) center no-repeat, rebeccapurple; } diff --git a/files/zh-cn/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md b/files/zh-cn/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md index 66906863b6dfe6..414e0aac188f02 100644 --- a/files/zh-cn/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md +++ b/files/zh-cn/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md @@ -140,7 +140,8 @@ player:focus .controls { font-family: "HeydingsControlsRegular"; src: url("fonts/heydings_controls-webfont.eot"); src: - url("fonts/heydings_controls-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/heydings_controls-webfont.eot?#iefix") + format("embedded-opentype"), url("fonts/heydings_controls-webfont.woff") format("woff"), url("fonts/heydings_controls-webfont.ttf") format("truetype"); font-weight: normal; diff --git a/files/zh-cn/web/api/web_authentication_api/index.md b/files/zh-cn/web/api/web_authentication_api/index.md index 43a6e9fe7d91ab..97261f2b12d860 100644 --- a/files/zh-cn/web/api/web_authentication_api/index.md +++ b/files/zh-cn/web/api/web_authentication_api/index.md @@ -124,9 +124,9 @@ var createCredentialDefaultArgs = { challenge: new Uint8Array([ // must be a cryptographically random number sent from a server - 0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, 0x1a, - 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, 0x7e, 0x38, - 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef, + 0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, + 0x1a, 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, + 0x7e, 0x38, 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef, ]).buffer, }, }; @@ -138,9 +138,9 @@ var getCredentialDefaultArgs = { // allowCredentials: [newCredential] // see below challenge: new Uint8Array([ // must be a cryptographically random number sent from a server - 0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, 0x67, - 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, 0x81, 0x26, - 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50, + 0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, + 0x67, 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, + 0x81, 0x26, 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50, ]).buffer, }, }; diff --git a/files/zh-cn/web/css/background-image/index.md b/files/zh-cn/web/css/background-image/index.md index d59a1db8178444..1fd28a48179e0b 100644 --- a/files/zh-cn/web/css/background-image/index.md +++ b/files/zh-cn/web/css/background-image/index.md @@ -28,7 +28,8 @@ background-image: linear-gradient( to bottom, rgba(255, 255, 0, 0.5), rgba(0, 0, 255, 0.5) - ), url("catfront.png"); + ), + url("catfront.png"); ``` ### 取值 diff --git a/files/zh-cn/web/css/counter/index.md b/files/zh-cn/web/css/counter/index.md index 74e00e5d4bfc81..6b704b83d6a19a 100644 --- a/files/zh-cn/web/css/counter/index.md +++ b/files/zh-cn/web/css/counter/index.md @@ -97,11 +97,8 @@ li { counter-increment: count; } li::after { - content: "[" counter(count, decimal-leading-zero) "] == [" counter( - count, - lower-alpha - ) - "]"; + content: "[" counter(count, decimal-leading-zero) "] == [" + counter(count, lower-alpha) "]"; } ``` diff --git a/files/zh-cn/web/css/counters/index.md b/files/zh-cn/web/css/counters/index.md index 9fdbe0fef89db5..f59f5eb7cac57a 100644 --- a/files/zh-cn/web/css/counters/index.md +++ b/files/zh-cn/web/css/counters/index.md @@ -89,11 +89,8 @@ li::marker { content: counters(listCounter, ".", upper-roman) ") "; } li::before { - content: counters(listCounter, ".") " == " counters( - listCounter, - ".", - lower-roman - ); + content: counters(listCounter, ".") " == " + counters(listCounter, ".", lower-roman); } ``` @@ -144,11 +141,8 @@ li::marker { content: counters(count, ".", upper-alpha) ") "; } li::before { - content: counters(count, ".", decimal-leading-zero) " == " counters( - count, - ".", - lower-alpha - ); + content: counters(count, ".", decimal-leading-zero) " == " + counters(count, ".", lower-alpha); } ``` diff --git a/files/zh-cn/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md b/files/zh-cn/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md index 1334deee94a7b3..e5ff7c98558f32 100644 --- a/files/zh-cn/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md +++ b/files/zh-cn/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md @@ -37,7 +37,8 @@ slug: Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds .multi-bg-example { width: 100%; height: 400px; - background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); + background-image: url(firefox.png), url(bubbles.png), + linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); background-repeat: no-repeat, no-repeat, no-repeat; background-position: bottom right, diff --git a/files/zh-cn/web/css/css_images/using_css_gradients/index.md b/files/zh-cn/web/css/css_images/using_css_gradients/index.md index d1532d49f15c11..df3ef55e441ce5 100644 --- a/files/zh-cn/web/css/css_images/using_css_gradients/index.md +++ b/files/zh-cn/web/css/css_images/using_css_gradients/index.md @@ -354,7 +354,8 @@ div { 217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71% - ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), + ), + linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%); } ``` @@ -609,7 +610,8 @@ div { circle at 93.3% 75%, rgba(0, 255, 0, 0.5), rgba(0, 255, 0, 0) 70.71% - ) beige; + ) + beige; border-radius: 50%; } ``` @@ -757,7 +759,8 @@ div { rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, @@ -767,8 +770,18 @@ div { rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px - ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green - 200px, blue 250px, indigo 300px, violet 350px, red 370px); + ), + repeating-linear-gradient( + 23deg, + red 50px, + orange 100px, + yellow 150px, + green 200px, + blue 250px, + indigo 300px, + violet 350px, + red 370px + ); } ``` @@ -805,7 +818,8 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent, transparent 50px, @@ -819,18 +833,21 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px, rgba(143, 77, 63, 0.25) 10px - ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px, rgba(143, 77, 63, 0.25) 10px); + ), + repeating-linear-gradient( + 45deg, + transparent, + transparent 5px, + rgba(143, 77, 63, 0.25) 5px, + rgba(143, 77, 63, 0.25) 10px + ); background: repeating-linear-gradient( 90deg, @@ -840,7 +857,8 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent 0 50px, rgba(255, 127, 0, 0.25) 50px 56px, @@ -848,16 +866,17 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent 0 5px, rgba(143, 77, 63, 0.25) 5px 10px - ), repeating-linear-gradient(45deg, transparent 0 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px 10px); + ), + repeating-linear-gradient( + 45deg, + transparent 0 5px, + rgba(143, 77, 63, 0.25) 5px 10px + ); } ``` @@ -913,14 +932,16 @@ div { rgba(0, 0, 0, 0.5) 15px, rgba(255, 255, 255, 0.5) 15px, rgba(255, 255, 255, 0.5) 30px - ) top left no-repeat, + ) + top left no-repeat, repeating-radial-gradient( ellipse at 20% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px - ) top left no-repeat yellow; + ) + top left no-repeat yellow; background-size: 200px 200px, 150px 150px; diff --git a/files/zh-cn/web/css/env/index.md b/files/zh-cn/web/css/env/index.md index d1407890fc2563..2d8fa7aab893c9 100644 --- a/files/zh-cn/web/css/env/index.md +++ b/files/zh-cn/web/css/env/index.md @@ -13,10 +13,8 @@ slug: Web/CSS/env ```css body { - padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env( - safe-area-inset-bottom, - 20px - ) env(safe-area-inset-left, 20px); + padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) + env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); } ``` @@ -69,10 +67,8 @@ env(safe-area-inset-left, 1.4rem); p { width: 300px; border: 2px solid red; - padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) env( - safe-area-inset-bottom, - 50px - ) env(SAFE-AREA-INSET-LEFT, 50px); + padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) + env(safe-area-inset-bottom, 50px) env(SAFE-AREA-INSET-LEFT, 50px); } ``` diff --git a/files/zh-cn/web/css/filter/index.md b/files/zh-cn/web/css/filter/index.md index 7b3e446d3866d5..405b1fe92d1578 100644 --- a/files/zh-cn/web/css/filter/index.md +++ b/files/zh-cn/web/css/filter/index.md @@ -194,8 +194,8 @@ img:nth-of-type(2) { ```css #MDN-logo { border: 1px solid blue; - filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) drop-shadow(5px 5px 0 - red); + filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) + drop-shadow(5px 5px 0 red); } ``` diff --git a/files/zh-cn/web/css/gradient/conic-gradient/index.md b/files/zh-cn/web/css/gradient/conic-gradient/index.md index 63d0fcbae7db24..155a30c68f8b6a 100644 --- a/files/zh-cn/web/css/gradient/conic-gradient/index.md +++ b/files/zh-cn/web/css/gradient/conic-gradient/index.md @@ -203,7 +203,8 @@ div { #000 0.25turn 0.5turn, #fff 0.5turn 0.75turn, #000 0.75turn - ) top left / 25% 25% repeat; + ) + top left / 25% 25% repeat; border: 1px solid; } ``` diff --git a/files/zh-cn/web/css/grid-auto-columns/index.md b/files/zh-cn/web/css/grid-auto-columns/index.md index 506db08d71d504..ec8b2f1f99ff9a 100644 --- a/files/zh-cn/web/css/grid-auto-columns/index.md +++ b/files/zh-cn/web/css/grid-auto-columns/index.md @@ -48,7 +48,8 @@ grid-auto-columns: min-content max-content auto; grid-auto-columns: 100px 150px 390px; grid-auto-columns: 10% 33.3%; grid-auto-columns: 0.5fr 3fr 1fr; -grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) minmax(20%, 80vmax); +grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) + minmax(20%, 80vmax); grid-auto-columns: 100px minmax(100px, auto) 10% 0.5fr fit-content(400px); /* Global values */ diff --git a/files/zh-cn/web/css/mask-image/index.md b/files/zh-cn/web/css/mask-image/index.md index 7c693e32fde753..7d0211259e8686 100644 --- a/files/zh-cn/web/css/mask-image/index.md +++ b/files/zh-cn/web/css/mask-image/index.md @@ -19,7 +19,8 @@ mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent); mask-image: image(url(mask.png), skyblue); /* 多个属性值 */ -mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1), transparent); +mask-image: image(url(mask.png), skyblue), + linear-gradient(rgba(0, 0, 0, 1), transparent); /* 全局属性值 */ mask-image: inherit; diff --git a/files/zh-tw/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md b/files/zh-tw/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md index 28aa8f4e6a46bd..4a7c93c3f088a2 100644 --- a/files/zh-tw/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md +++ b/files/zh-tw/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md @@ -33,7 +33,8 @@ slug: Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds ```css .multi_bg_example { - background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); + background-image: url(firefox.png), url(bubbles.png), + linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); background-repeat: no-repeat, no-repeat, no-repeat; diff --git a/files/zh-tw/web/css/transition-duration/index.md b/files/zh-tw/web/css/transition-duration/index.md index c63f289327a216..6815ab81fb59c3 100644 --- a/files/zh-tw/web/css/transition-duration/index.md +++ b/files/zh-tw/web/css/transition-duration/index.md @@ -129,8 +129,8 @@ var intervalID = window.setInterval(updateTransition, 7000); left: 0px; top: 0px; position: absolute; - -webkit-transition-property: width height background-color font-size left - top -webkit-transform color; + -webkit-transition-property: width height background-color font-size left top -webkit-transform + color; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-in-out; transition-property: width height background-color font-size left top @@ -149,8 +149,8 @@ var intervalID = window.setInterval(updateTransition, 7000); left: 150px; top: 25px; position: absolute; - -webkit-transition-property: width height background-color font-size left - top -webkit-transform transform color; + -webkit-transition-property: width height background-color font-size left top -webkit-transform + transform color; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-in-out; transition-property: width height background-color font-size left top diff --git a/package.json b/package.json index 4f7d8ecf661d32..57068a62c4f4f2 100644 --- a/package.json +++ b/package.json @@ -38,7 +38,7 @@ "markdownlint-rule-search-replace": "1.2.0", "mdast-util-from-markdown": "^2.0.1", "ora": "^8.0.1", - "prettier": "3.2.5", + "prettier": "3.3.1", "unist-util-visit": "^5.0.0", "yargs": "^17.7.2" } diff --git a/yarn.lock b/yarn.lock index 05e5f9b126f401..28fcaddbf67df9 100644 --- a/yarn.lock +++ b/yarn.lock @@ -983,10 +983,10 @@ pidtree@~0.6.0: resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.6.0.tgz#90ad7b6d42d5841e69e0a2419ef38f8883aa057c" integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g== -prettier@3.2.5: - version "3.2.5" - resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368" - integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A== +prettier@3.3.1: + version "3.3.1" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.1.tgz#e68935518dd90bb7ec4821ba970e68f8de16e1ac" + integrity sha512-7CAwy5dRsxs8PHXT3twixW9/OEll8MLE0VRPCJyl7CkS6VHGPSlsVaWTiASPTyGyYRyApxlaWTzwUxVNrhcwDg== punycode.js@^2.3.1: version "2.3.1"