compat-ja.html

<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8">
<title>Compatibility Standard （日本語訳）</title>

<link rel="stylesheet" href="common.css" type="text/css">
<link rel="stylesheet" href="common-whatwg.css" type="text/css">
<style>
.ua-token {
	color: var(--text-color-2);
}

.pattern {
}
</style>

<script src="common0.js"></script>
<script src="common1.js" async></script>

<script>
Util.ready = function(){
	var source_data = {
		persisted_parts: { _acks1: E('_acks1'), _ipr1: E('_ipr1') },
		generate: expand
	};
	
	Util.switchWordsInit(source_data);
}


function expand(){

	const class_map = this.class_map;
	const tag_map = this.tag_map;
	const link_map = this.link_map;

	return this.html.replace(
		/%[\w~一-鿆あ-ん]+|`(.+?)([$@\^])(\w*)/g,
		create_html
	);

	function create_html(match, key, indicator, klass){
if(!indicator) {//%
	return `<var>${match.slice(1)}</var>`;
}

let text = key;
let href = '';

switch(klass){
case 'r':
	text = `[${key}]`;
	href = `#biblio-${key.toLowerCase()}`;
	break;
case 'm':
	const n = text.indexOf('(');
	if(n > 0){
		key = text.slice(0, n);
		text = key + text.slice(n).replace(/\w+/g, '<var>$&</var>');
	}
	break;
case 'f':
	text = `${text}()`;
	break;
case 'at':
	text = `@${text}`;
	break;
case 't':
	text = `&lt;${text}&gt;`;
	break;
case 'l':
	text = `"<code class="literal">${key}</code>"`;
	break;
case 'lmk':
	text = text.replace(/＜(.*?)＞/g, "<mark>$1</mark>");
	return `"<code class="literal">${text}</code>"`;
	break;
case 'tk':
	text = `&lt;<code class="ua-token">${text}</code>&gt;`;
	break;
case 'en':
	return `<span lang="en">${key}</span>`;
	break;
case 'issue':
	text = `課題 #${key}`;
	href = `https://github.com/whatwg/compat/issues/${key}`;
	break;
}

let tag = tag_map[klass];
if(tag) {
	let classname = class_map[klass];
	classname = classname ? ` class="${classname}"` : '';
	text = `<${tag}${classname}>${text}</${tag}>`;
}

if(indicator !== '^'){
	href = link_map[ klass ? `${klass}.${key}` : key ] || href;
	if(!href){
		console.log(match); // check error
		return match;
	}

	switch(indicator){
	case '$':
		text = `<a href="${href}">${text}</a>`;
		break;
	case '@':
		text = `<dfn id="${href.slice(1)}">${text}</dfn>`;
		break;
	}
}

return text;


	}
}

</script>

<script type="text/plain" id="_source_data">


●●options

spec_date:2023-09-27
trans_update:2023-05-19
source_checked:221128
page_state_key:CSS
original_url:https://compat.spec.whatwg.org/
	abbr_url:
spec_status:LS
ref_id_prefix:biblio-
ref_id_lowercase:true
copyright:,whatwg
trans_1st_pub:2016-08-29

●●class_map
p:property
d:descriptor
v:value
t:type
e:element
a:attr
f:func
at:at-rule
et:event-type
css:css
h:header

●●tag_map
I:code
m:code
c:code
e:code
a:code
p:code
d:code
t:var
f:code
at:code
et:code
css:code
v:code
tk:var
h:code

●●original_id_map

●●mdn_urls
propdef--webkit-text-fill-color:CSS/-webkit-text-fill-color
propdef--webkit-text-stroke:CSS/-webkit-text-stroke
propdef--webkit-text-stroke-color:CSS/-webkit-text-stroke-color
propdef--webkit-text-stroke-width:CSS/-webkit-text-stroke-width
	propdef--webkit-background-clip:CSS/-webkit-background-clip

descdef-media--webkit-device-pixel-ratio:CSS/@media/-webkit-device-pixel-ratio
descdef-media--webkit-max-device-pixel-ratio:CSS/@media/-webkit-max-device-pixel-ratio
descdef-media--webkit-min-device-pixel-ratio:CSS/@media/-webkit-min-device-pixel-ratio
descdef-media--webkit-transform-3d:CSS/@media/-webkit-transform-3d

event-orientationchange:Events/orientationchange

●●link_map

I.EventHandler:~WAPI#eventhandler
I.HTMLBodyElement:~HEsections#htmlbodyelement
I.ScreenOrientation:~SCREEN-ORIENTATION#dom-screenorientation
I.WebKitCSSMatrix:~GEOMETRY#webkitcssmatrix
I.Window:~WINDOW#window
short:~WEBIDL#idl-short

at.-webkit-keyframes:#at-ruledef--webkit-keyframes
at.keyframes:~CSSANIM#at-ruledef-keyframes
at.media:~CSSCOND#at-ruledef-media


d.-webkit-device-pixel-ratio:#descdef-media--webkit-device-pixel-ratio
d.-webkit-max-device-pixel-ratio:#descdef-media--webkit-max-device-pixel-ratio
d.-webkit-min-device-pixel-ratio:#descdef-media--webkit-min-device-pixel-ratio
d.-webkit-transform-3d:#descdef-media--webkit-transform-3d
d.max-resolution:~MQ5#descdef-media-resolution
d.min-resolution:~MQ5#descdef-media-resolution
d.resolution:~MQ5#descdef-media-resolution

e.body:~HEsections#the-body-element

f.-webkit-linear-gradient:#-webkit-linear-gradient
f.-webkit-radial-gradient:#-webkit-radial-gradient
f.-webkit-repeating-linear-gradient:#-webkit-repeating-linear-gradient
f.-webkit-repeating-radial-gradient:#-webkit-repeating-radial-gradient

m.onorientationchange:#dom-htmlbodyelement-onorientationchange
m.onorientationchange:#dom-window-onorientationchange
m.orientation:#dom-window-orientation
m.window.orientation:#dom-window-orientation

et.orientationchange:#event-orientationchange

p.-webkit-appearance:~CSSUI#propdef--webkit-appearance

p.-webkit-align-content:#propdef--webkit-align-content
p.-webkit-align-items:#propdef--webkit-align-items
p.-webkit-align-self:#propdef--webkit-align-self
p.-webkit-animation-delay:#propdef--webkit-animation-delay
p.-webkit-animation-direction:#propdef--webkit-animation-direction
p.-webkit-animation-duration:#propdef--webkit-animation-duration
p.-webkit-animation-fill-mode:#propdef--webkit-animation-fill-mode
p.-webkit-animation-iteration-count:#propdef--webkit-animation-iteration-count
p.-webkit-animation-name:#propdef--webkit-animation-name
p.-webkit-animation-play-state:#propdef--webkit-animation-play-state
p.-webkit-animation-timing-function:#propdef--webkit-animation-timing-function
p.-webkit-animation:#propdef--webkit-animation
p.-webkit-backface-visibility:#propdef--webkit-backface-visibility
p.-webkit-background-clip:#propdef--webkit-background-clip
p.-webkit-background-origin:#propdef--webkit-background-origin
p.-webkit-background-size:#propdef--webkit-background-size
p.-webkit-border-bottom-left-radius:#propdef--webkit-border-bottom-left-radius
p.-webkit-border-bottom-right-radius:#propdef--webkit-border-bottom-right-radius
p.-webkit-border-radius:#propdef--webkit-border-radius
p.-webkit-border-top-left-radius:#propdef--webkit-border-top-left-radius
p.-webkit-border-top-right-radius:#propdef--webkit-border-top-right-radius
p.-webkit-box-align:#propdef--webkit-box-align
p.-webkit-box-flex:#propdef--webkit-box-flex
p.-webkit-box-ordinal-group:#propdef--webkit-box-ordinal-group
p.-webkit-box-orient:#propdef--webkit-box-orient
p.-webkit-box-pack:#propdef--webkit-box-pack
p.-webkit-box-shadow:#propdef--webkit-box-shadow
p.-webkit-box-sizing:#propdef--webkit-box-sizing
p.-webkit-filter:#propdef--webkit-filter
p.-webkit-flex-basis:#propdef--webkit-flex-basis
p.-webkit-flex-direction:#propdef--webkit-flex-direction
p.-webkit-flex-flow:#propdef--webkit-flex-flow
p.-webkit-flex-grow:#propdef--webkit-flex-grow
p.-webkit-flex-shrink:#propdef--webkit-flex-shrink
p.-webkit-flex-wrap:#propdef--webkit-flex-wrap
p.-webkit-flex:#propdef--webkit-flex-propdef
p.-webkit-justify-content:#propdef--webkit-justify-content
p.-webkit-mask-box-image-outset:#propdef--webkit-mask-box-image-outset
p.-webkit-mask-box-image-repeat:#propdef--webkit-mask-box-image-repeat
p.-webkit-mask-box-image-slice:#propdef--webkit-mask-box-image-slice
p.-webkit-mask-box-image-source:#propdef--webkit-mask-box-image-source
p.-webkit-mask-box-image-width:#propdef--webkit-mask-box-image-width
p.-webkit-mask-box-image:#propdef--webkit-mask-box-image
p.-webkit-mask-clip:#propdef--webkit-mask-clip
p.-webkit-mask-composite:#propdef--webkit-mask-composite
p.-webkit-mask-image:#propdef--webkit-mask-image
p.-webkit-mask-origin:#propdef--webkit-mask-origin
p.-webkit-mask-position:#propdef--webkit-mask-position
p.-webkit-mask-repeat:#propdef--webkit-mask-repeat
p.-webkit-mask-size:#propdef--webkit-mask-size
p.-webkit-mask:#propdef--webkit-mask
p.-webkit-order:#propdef--webkit-order
p.-webkit-perspective-origin:#propdef--webkit-perspective-origin
p.-webkit-perspective:#propdef--webkit-perspective
p.-webkit-text-fill-color:#propdef--webkit-text-fill-color
p.-webkit-text-size-adjust:#propdef--webkit-text-size-adjust
p.-webkit-text-stroke-color:#propdef--webkit-text-stroke-color
p.-webkit-text-stroke-width:#propdef--webkit-text-stroke-width
p.-webkit-text-stroke:#propdef--webkit-text-stroke
p.-webkit-transform-origin:#propdef--webkit-transform-origin
p.-webkit-transform-style:#propdef--webkit-transform-style
p.-webkit-transform:#propdef--webkit-transform
p.-webkit-transition-delay:#propdef--webkit-transition-delay
p.-webkit-transition-duration:#propdef--webkit-transition-duration
p.-webkit-transition-property:#propdef--webkit-transition-property
p.-webkit-transition-timing-function:#propdef--webkit-transition-timing-function
p.-webkit-transition:#propdef--webkit-transition

p.align-content:~CSSALIGN#propdef-align-content
p.align-items:~CSSALIGN#propdef-align-items
p.align-self:~CSSALIGN#propdef-align-self
p.animation-delay:~CSSANIM#propdef-animation-delay
p.animation-direction:~CSSANIM#propdef-animation-direction
p.animation-duration:~CSSANIM#propdef-animation-duration
p.animation-fill-mode:~CSSANIM#propdef-animation-fill-mode
p.animation-iteration-count:~CSSANIM#propdef-animation-iteration-count
p.animation-name:~CSSANIM#propdef-animation-name
p.animation-play-state:~CSSANIM#propdef-animation-play-state
p.animation-timing-function:~CSSANIM#propdef-animation-timing-function
p.animation:~CSSANIM#propdef-animation
p.appearance:~CSSUI#propdef-appearance
p.backface-visibility:~TRANSFORM2#propdef-backface-visibility
p.background-clip:~CSSBG#propdef-background-clip
p.background-origin:~CSSBG#propdef-background-origin
p.background-size:~CSSBG#propdef-background-size
p.border-bottom-left-radius:~CSSBG#propdef-border-bottom-left-radius
p.border-bottom-right-radius:~CSSBG#propdef-border-bottom-right-radius
p.border-radius:~CSSBG#propdef-border-radius
	p.border-radius:~CSSWG/css-borders-4/#propdef-border-radius
p.border-top-left-radius:~CSSBG#propdef-border-top-left-radius
p.border-top-right-radius:~CSSBG#propdef-border-top-right-radius
p.box-shadow:~CSSBG#propdef-box-shadow
	p.box-shadow:~CSSWG/css-borders-4/#propdef-box-shadow
p.box-sizing:~SIZING#propdef-box-sizing
p.display:~CSSDISP#propdef-display
p.filter:~FILTERS#propdef-filter
p.flex-basis:~CSSFLEX#propdef-flex-basis
p.flex-direction:~CSSFLEX#propdef-flex-direction
p.flex-flow:~CSSFLEX#propdef-flex-flow
p.flex-grow:~CSSFLEX#propdef-flex-grow
p.flex-shrink:~CSSFLEX#propdef-flex-shrink
p.flex-wrap:~CSSFLEX#propdef-flex-wrap
p.flex:~CSSFLEX#propdef-flex
p.justify-content:~CSSALIGN#propdef-justify-content
p.mask-border-outset:~MASKING1#propdef-mask-border-outset
p.mask-border-repeat:~MASKING1#propdef-mask-border-repeat
p.mask-border-slice:~MASKING1#propdef-mask-border-slice
p.mask-border-source:~MASKING1#propdef-mask-border-source
p.mask-border-width:~MASKING1#propdef-mask-border-width
p.mask-border:~MASKING1#propdef-mask-border
p.mask-clip:~MASKING1#propdef-mask-clip
p.mask-composite:~MASKING1#propdef-mask-composite
p.mask-image:~MASKING1#propdef-mask-image
p.mask-origin:~MASKING1#propdef-mask-origin
p.mask-position:~MASKING1#propdef-mask-position
p.mask-repeat:~MASKING1#propdef-mask-repeat
p.mask-size:~MASKING1#propdef-mask-size
p.mask:~MASKING1#propdef-mask
p.order:~CSSDISP#propdef-order
p.touch-action:~POINTEREVENTS#propdef-touch-action
	~POINTEREVENTS#the-touch-action-css-property
p.perspective-origin:~TRANSFORM2#propdef-perspective-origin
p.perspective:~TRANSFORM2#propdef-perspective
p.transform-origin:~TRANSFORM#propdef-transform-origin
p.transform-style:~TRANSFORM2#propdef-transform-style
p.transform:~TRANSFORM#propdef-transform
p.transition-delay:~TRANSITION#propdef-transition-delay
p.transition-duration:~TRANSITION#propdef-transition-duration
p.transition-property:~TRANSITION#propdef-transition-property
p.transition-timing-function:~TRANSITION#propdef-transition-timing-function
p.transition:~TRANSITION#propdef-transition
p.text-size-adjust:~CSSWG#propdef-text-size-adjust


t.color:~CSSCOLOR#typedef-color
t.line-width:~CSSBG#typedef-line-width
t.mq-boolean:~MQ5#typedef-mq-boolean
t.number:~CSSVAL#number-value

css.dppx:~CSSVAL#dppx

v.-webkit-box:#valdef-flex--webkit-box
v.-webkit-flex:#valdef-flex--webkit-flex-valdef
v.-webkit-inline-box:#valdef-flex--webkit-inline-box
v.-webkit-inline-flex:#valdef-flex--webkit-inline-flex
v.currentcolor:~CSSCOLOR#valdef-color-currentcolor
v.flex:~CSSDISP#valdef-display-flex
v.inline-flex:~CSSFLEX#valdef-display-inline-flex

	window.orientation angle:#dfn-window-orientation-angle

h.User-Agent:~HTTPsem#field.user-agent

tk.deviceCompat:#devicecompat
tk.firefoxVersion:#firefoxversion
tk.firefoxPlatform:#firefoxplatform
tk.firefoxDeviceCompat:#firefox-devicecompat
tk.geckoVersion:#geckoversion
tk.majorVersion:#majorversion
tk.minorVersion:#minorversion
tk.oscpu:#oscpu
tk.platform:#platform
tk.safariVersion:#safariversion
tk.safariPlatform:#safariplatform
tk.appleProduct:#appleproduct
tk.mobileOSName:#mobileosname
tk.iOSVersion:#iosversion
tk.webkitVersion:#webkitversion
tk.unifiedPlatform:#chrome-unifiedplatform

~token:#token
一定:#constant
分解-:#decompose

	●用語（CSS/SVG
~event~handler~event型:~WAPI#event-handler-event-type
~event~handler:~WAPI#event-handlers

旧来の別名n:~CASCADE#legacy-name-alias

~at-規則:~CSSSYN#at-rule
無効:~CSSSYN#css-invalid

~gradient関数:~CSSIMAGE4#gradient-function

f.linear-gradient:~CSSIMAGE#funcdef-linear-gradient
	t.linear-gradient:~CSSIMAGE#ltlinear-gradient
f.radial-gradient:~CSSIMAGE#funcdef-radial-gradient
	t.radial-gradient~CSSIMAGE#ltradial-gradient
f.repeating-linear-gradient:~CSSIMAGE#funcdef-repeating-linear-gradient
	t.repeating-linear-gradient:~CSSIMAGE#ltrepeating-linear-gradient
f.repeating-radial-gradient:~CSSIMAGE#funcdef-repeating-radial-gradient
	t.repeating-radial-gradient:~CSSIMAGE#ltrepeating-radial-gradient

媒体~特能:~MQ5#media-feature
範囲~型:~MQ5#range-type
離散~型:~MQ5#discrete-type
	範囲~特能~上の接頭辞:~MQ5#mq-min-max

~stroke:~SVGpainting#TermStroke
~fill:~SVGpainting#TermFill

~vendor接頭辞付き:~CSSSNAPSHOT#vendor-prefix
	https://www.w3.org/TR/CSS/#vendor-prefix

	●用語（他
~UA:~INFRA#user-agent
文字列:~INFRA#string

~eventを発火する:~DOM4#concept-event-fire

~header:~FETCH#concept-header

~navigable:~HTMLds#navigable
nav.作動中な~window:~HTMLds#nav-window
	nav.作動中な文書:~HTMLds#nav-document → 作動中な~window

現在の方位~角度:~SCREEN-ORIENTATION#dfn-current-orientation-angle
自然な方位:~SCREEN-ORIENTATION#dfn-natural

関連な大域~obj:~WAPI#concept-relevant-global
結付けられた文書:~WINDOW#concept-document-window

_acks1:#_acks1
_ipr1:#_ipr1

●●words_table1
	CSSIMAGE:https://www.w3.org/TR/2011/WD-css3-images-20110217/

●●words_table

	●仕様
出荷-:ship:~
必要最小限:minimal:~
	非~標準:non-standard
de-facto:de facto:事実上の標準
目指す:aim する:~
増補-:augment:~
今日:today:~
	にある:serve
	はっきりしない:unclear
	大量の〜が集積されてきているincreasingly large corpus
	本当は:really
	依存-度が高い:highly dependent
	非:non-
	〜として収集された:collection of

	●CSS
別名n:name alias::別名
別名化-:alias::~
	:non-aliased
離散:discrete::~
For:for:用途

接頭辞付き:prefixed::~
接頭辞なし:unprefixed::~
	絶対~化:absolutize

	●幾何
回転:rotation::~
変形-:transform::~
三次元変形:3D transform::3D 変形
太さ:thickness:~
度t:degree:度
幅:width:~
反時計回り:counterclockwise:~
横方向:horizontal::~

	●塗り
gradient:
fill::::フィル
stroke::::ストローク
RGBA:
alpha:
塗られ:paintされ::~
塗ng:painting::塗り
黒く:blackに:~
白く:whiteに:~
青く:blueに:~
描かれ:draw され::~
描く:draw する::~


	●User-Agent 文字列
User-Agent:
Chrome:
Safari:
Firefox:
Android:
CPU:
build::::ビルド
major:
meta::::メタ
iOS:
iPad:
mini:
	~mini以外:non-mini
網羅的:exhaustive:~
形態:form-factor:~
	形態:form factor
番号:number:~
分解-:decompose::~
一定:constant:~
遺産:heritage:~
	同じ遺産を共有する:with a shared heritage
販売向け:marketing:~
製品:product:~
underscore::::アンダースコア

	Windows
	macOS
	Linux

	“べき” ~level~SHOULD-level:#1
	いわゆる:so-called
	^en:forks and embedders

	正式~化:formalize
	山括弧〜で括られた:begins with an opening bracket 〜 ends with a closing bracket

	●未分類
desktop::::デスクトップ
	~desktop:Desktop
mobile::::モバイル
	~mobile:Mobile

	 0:zero
	〜の代わりに:instead#1
対応付ける:map する::~
回転台:carousel:~
panning:::パン操作
zooming:::ズーム操作
手指:finger:~

	二つ:two
	大きい:large
	大きめな:larger
	小さめな:smaller
	blog:::ブログ
	thank
	Apple
	一群の:collection
	先頭にも末尾にも:any leading or trailing
	〜からなる:is made up from

●●images
＠compat/
stroked-text｜height:116px｜｜.png


●●ref_key_map
HTTPSEMANTICS:RFC9110

●●ref_normative

[CSS-ALIGN-3]
    Elika Etemad; Tab Atkins Jr.. ＜CSS Box Alignment Module Level 3＞. URL: https://drafts.csswg.org/css-align/
[CSS-ANIMATIONS-1]
    David Baron; et al. ＜CSS Animations Level 1＞. URL: https://drafts.csswg.org/css-animations/
[CSS-ANIMATIONS-2]
    David Baron; Brian Birtles. ＜CSS Animations Level 2＞. URL: https://drafts.csswg.org/css-animations-2/
[CSS-BACKGROUNDS-3]
    Bert Bos; Elika Etemad; Brad Kemper. ＜CSS Backgrounds and Borders Module Level 3＞. URL: https://drafts.csswg.org/css-backgrounds/
[CSS-BORDERS-4]
    ＜CSS Borders and Box Decorations Module Level 4＞. Editor's Draft. URL: https://drafts.csswg.org/css-borders-4/
[CSS-CASCADE-5]
    Elika Etemad; Miriam Suzanne; Tab Atkins Jr.. ＜CSS Cascading and Inheritance Level 5＞. URL: https://drafts.csswg.org/css-cascade-5/
[CSS-COLOR-4]
    Tab Atkins Jr.; Chris Lilley; Lea Verou. ＜CSS Color Module Level 4＞. URL: https://drafts.csswg.org/css-color/
[CSS-COLOR-5]
    Chris Lilley; et al. ＜CSS Color Module Level 5＞. URL: https://drafts.csswg.org/css-color-5/
[CSS-CONDITIONAL-3]
    David Baron; Elika Etemad; Chris Lilley. ＜CSS Conditional Rules Module Level 3＞. URL: https://drafts.csswg.org/css-conditional-3/
[CSS-DISPLAY-3]
    Elika Etemad; Tab Atkins Jr.. ＜CSS Display Module Level 3＞. URL: https://drafts.csswg.org/css-display/
[CSS-DISPLAY-4]
    ＜CSS Display Module Level 4＞. Editor's Draft. URL: https://drafts.csswg.org/css-display-4/
[CSS-FLEXBOX-1]
    Tab Atkins Jr.; et al. ＜CSS Flexible Box Layout Module Level 1＞. URL: https://drafts.csswg.org/css-flexbox-1/
[CSS-IMAGES-4]
    Tab Atkins Jr.; Elika Etemad; Lea Verou. ＜CSS Images Module Level 4＞. URL: https://drafts.csswg.org/css-images-4/
[CSS-MASKING-1]
    Dirk Schulze; Brian Birtles; Tab Atkins Jr.. ＜CSS Masking Module Level 1＞. URL: https://drafts.fxtf.org/css-masking-1/
[CSS-SIZE-ADJUST-1]
    ＜CSS Mobile Text Size Adjustment Module Level 1＞. Editor's Draft. URL: https://drafts.csswg.org/css-size-adjust-1/
[CSS-SIZING-3]
    Tab Atkins Jr.; Elika Etemad. ＜CSS Box Sizing Module Level 3＞. URL: https://drafts.csswg.org/css-sizing-3/
[CSS-SYNTAX-3]
    Tab Atkins Jr.; Simon Sapin. ＜CSS Syntax Module Level 3＞. URL: https://drafts.csswg.org/css-syntax/
[CSS-TRANSFORMS-1]
    Simon Fraser; et al. ＜CSS Transforms Module Level 1＞. URL: https://drafts.csswg.org/css-transforms/
[CSS-TRANSFORMS-2]
    Tab Atkins Jr.; et al. ＜CSS Transforms Module Level 2＞. URL: https://drafts.csswg.org/css-transforms-2/
[CSS-TRANSITIONS-1]
    David Baron; et al. ＜CSS Transitions＞. URL: https://drafts.csswg.org/css-transitions/
[CSS-VALUES-4]
    Tab Atkins Jr.; Elika Etemad. ＜CSS Values and Units Module Level 4＞. URL: https://drafts.csswg.org/css-values-4/
[CSS21]
    Bert Bos; et al. ＜Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification＞. URL: https://drafts.csswg.org/css2/
[CSS3-IMAGES-20110217]
    Tab Atkins Jr.; Elika Etemad; Lea Verou. ＜CSS Images Module Level 3＞. URL: https://www.w3.org/TR/2011/WD-css3-images-20110217/
[DOM]
    Anne van Kesteren. ＜DOM Standard＞. Living Standard. URL: https://dom.spec.whatwg.org/
[FETCH]
    Anne van Kesteren. ＜Fetch Standard＞. Living Standard. URL: https://fetch.spec.whatwg.org/
[FILTER-EFFECTS-1]
    Dirk Schulze; Dean Jackson. ＜Filter Effects Module Level 1＞. URL: https://drafts.fxtf.org/filter-effects-1/
[GEOMETRY-1]
    Simon Pieters; Chris Harrelson. ＜Geometry Interfaces Module Level 1＞. URL: https://drafts.fxtf.org/geometry/
[HTML]
    Anne van Kesteren; et al. ＜HTML Standard＞. Living Standard. URL: https://html.spec.whatwg.org/multipage/
[HTTP-SEMANTICS]
    R. Fielding; M. Nottingham; J. Reschke. ＜HTTP Semantics＞. URL: https://httpwg.org/http-core/draft-ietf-httpbis-semantics-latest.html
[INFRA]
    Anne van Kesteren; Domenic Denicola. ＜Infra Standard＞. Living Standard. URL: https://infra.spec.whatwg.org/
[MEDIAQUERIES-4]
    Florian Rivoal; Tab Atkins Jr.. ＜Media Queries Level 4＞. URL: https://drafts.csswg.org/mediaqueries-4/
[MEDIAQUERIES-5]
    Dean Jackson; et al. ＜Media Queries Level 5＞. URL: https://drafts.csswg.org/mediaqueries-5/
[POINTEREVENTS2]
    Matt Brubeck; et al. ＜Pointer Events＞. URL: https://w3c.github.io/pointerevents/
[RFC2119]
    S. Bradner. ＜Key words for use in RFCs to Indicate Requirement Levels＞. March 1997. Best Current Practice. URL: https://datatracker.ietf.org/doc/html/rfc2119
[SCREEN-ORIENTATION]
    Marcos Caceres. ＜Screen Orientation＞. URL: https://w3c.github.io/screen-orientation/
[SVG2]
    Amelia Bellamy-Royds; et al. ＜Scalable Vector Graphics (SVG) 2＞. URL: https://svgwg.org/svg2-draft/
[WEBIDL]
    Edgar Chen; Timothy Gu. ＜Web IDL Standard＞. Living Standard. URL: https://webidl.spec.whatwg.org/

●●ref_informative

[CSS-UI-4]
    Florian Rivoal. ＜CSS Basic User Interface Module Level 4＞. URL: https://drafts.csswg.org/css-ui-4/


●●trans_metadata
<p>
~THIS_PAGEは、
<a href="https://www.whatwg.org/">WHATWG</a>
による
<a href="~SPEC_URL">Compatibility Standard</a>
を日本語に翻訳したものです。
~PUB
</p>


●●spec_metadata

Participate:
	<a href="https://github.com/whatwg/compat">GitHub whatwg/compat</a> (<a href="https://github.com/whatwg/compat/issues/new/choose">new issue</a>, <a href="https://github.com/whatwg/compat/issues">open issues</a>)
	<a href="https://whatwg.org/chat">Chat on Matrix</a>

Commits:
	<a href="https://github.com/whatwg/compat/commits">GitHub whatwg/compat/commits</a>
	<a href="https://compat.spec.whatwg.org/commit-snapshots/30d5c3560c51916e4b719b8dc618b6437a30fa9c/" id="commit-snapshot-link">Snapshot as of this commit</a>
	<a href="https://twitter.com/compatstandard">@compatstandard</a>

Tests:
	<a href="https://github.com/web-platform-tests/wpt/tree/master/compat">web-platform-tests compat/</a> (<a href="https://github.com/web-platform-tests/wpt/labels/compat">ongoing work</a>)

各国語翻訳（規範的でない）
	日本語（このページ）

</script>
<!-- 
class="XXX" → class="issue"
 -->

</head>

<body>

<header>

<a
	href="https://whatwg.org/"><img
	style="float: right;"
	alt="WHATWG"
	height="100"
	src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KPHJlY3Qgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiBmaWxsPSIjZmZmIiB4PSI1IiB5PSI1IiBzdHJva2U9IiMzYzc5MGEiIHN0cm9rZS13aWR0aD0iMTAiIC8+CjxwYXRoIGQ9Im0zOCwzOCBjMC0xMiwyNC0xNSwyMy0yIGMwLDktMTYsMTMtMTYsMjN2N2gxMHYtNCBjMC05LDE3LTEyLDE3LTI3Yy0yLTIyLTQ1LTIyLTQ1LDN6IG03LDMyIGgxMCB2MTAgaC0xMCIgZmlsbD0iIzNjNzkwYSIvPgo8L3N2Zz4K"
></a>

	<hgroup>
<h1>互換性 — Compatibility</h1>
	</hgroup>
</header>

<div id="MAIN" hidden>
	<section id="abstract">
◎要約

<p>
この標準は、［
~web~browserが，~webにおける~de-factoとの互換性を得るために~supportする必要がある
］ものとして収集された~web~platform特能を述べる。
◎
This standard describes a collection of web platform features that web browsers need to support for compatibility with the de facto web.
</p>

	</section>

<main id="MAIN0">

	<section id="introduction">
<h2 title="Introduction">1. 序論</h2>

◎非規範的

<p>
［
~web~browserが~vendorに特有な各種［
~CSS~prop／~DOM~API
］を~supportすること
］に機能性や~layoutが依存するような，大量の~web内容が集積されてきている。
とりわけ、
~mobileに最適化された~web内容のうち［
`-webkit-^css 接頭辞付き~propへの依存-度が高いもの
］は，これに該当する。
◎
There exists an increasingly large corpus of web content that depends on web browsers supporting a number of specific vendor CSS properties and DOM APIs for functionality or layout. This holds especially true for mobile-optimized web content, which is highly dependent on -webkit--prefixed properties.
</p>

<p>
この仕様は、
各種［
`-webkit-^css 接頭辞付き~CSS~prop／
~DOM~API
］のうち［
~web互換性のために~supportすることが~UAに要求され，他所では指定されてないもの
］からなる必要最小限な集合について述べることを目指す。
◎
This specification aims to describe the minimal set of -webkit--prefixed CSS properties and DOM APIs that user agents are required to support for web compatibility, which aren’t specified elsewhere.
</p>

<p>
~majorな~browserにて今日に見出される［
~HTTP `User-Agent$h ~header
］も述べられる。
◎
The HTTP User-Agent header field as found in major browsers today is also described.
</p>

	</section>
	<section id="conformance">
<h2 title="Conformance">2. 適合性</h2>

<p class="trans-note">【
この節の内容は、
`INFRA$r
<a href="~INFRA#conventions">§ 表記規約</a>,
<a href="~INFRA#algorithms">§ ~algo</a>
に移譲。
】</p>

	</section>
	<section id="css-compat-section">
<h2 title="CSS Compatibility">3. ~CSSとの互換性</h2>

		<section id="css-at-rules">
<h3 title="CSS At-rules">3.1. 各種~CSS~at-規則</h3>

<p>
次に挙げる `-webkit-^css `~vendor接頭辞付き$`~at-規則$は、［
各自に対応する接頭辞なし`~at-規則$の別名
］として~supportするモノトスル：
◎
The following -webkit- vendor prefixed at-rules must be supported as aliases of the corresponding unprefixed at-rules:
</p>

<table><thead>
<tr><th>`-webkit-^css 接頭辞付き~at-規則（別名）
<th>接頭辞なし~at-規則
<tbody>

<tr><td>`-webkit-keyframes@at
<td>`keyframes$at
</table>

		</section>
		<section id="css-media-queries">
<h3 title="CSS Media Queries">3.2. ~CSSの各種~媒体~query</h3>

			<section id="css-media-queries-webkit-device-pixel-ratio">
<h4>3.2.1. `-webkit-device-pixel-ratio^d</h4>

◎述 `-webkit-device-pixel-ratio@d
◎用 `media$at
◎値 `number$t
◎型 `範囲~型$
◎表終

<p>
`-webkit-device-pixel-ratio$d は、
その値を，`dppx$css 単位として解釈する下で，［
`範囲~型$の`媒体~特能$ `resolution$d
］の別名として扱うモノトスル。
◎
-webkit-device-pixel-ratio must be treated as an alias of the resolution range type media feature, with its value interpreted as a dppx unit.
</p>

<p>
範囲~型の媒体~特能に対する
<a href="~MQ5#mq-min-max">`min-^css ／ `max-^css 接頭辞</a>
は、
`-webkit-device-pixel-ratio$d には適用しないモノトスル。
代わりに，次に挙げる別名を利用するモノトスル：
◎
The min- or max- prefixes on range features must not apply to -webkit-device-pixel-ratio, instead the following aliases must be used:
</p>

<table><thead>
<tr><th>旧来の， `-webkit-^css 接頭辞付き, 範囲~型の`媒体~特能$（別名）
<th>標準な， `min-^css ／ `max-^css 接頭辞付き, 範囲~型の`媒体~特能$
<tbody>

<tr><td>`-webkit-min-device-pixel-ratio@d
<td>`min-resolution$d

<tr><td>`-webkit-max-device-pixel-ratio@d
<td>`max-resolution$d
</table>

			</section>
			<section id="css-media-queries-webkit-transform-3d">
<h4>3.2.2. `-webkit-transform-3d^d</h4>

◎述 `-webkit-transform-3d@d
◎用 `media$at
◎値 `mq-boolean$t
◎型 `離散~型$
◎表終

<p>
`-webkit-transform-3d$d `媒体~特能$は、
~UAが~CSS三次元変形を~supportするかどうかを~queryするために利用される。
`css-transforms-1$r
◎
The -webkit-transform-3d media feature is used to query whether the user agent supports CSS 3D transforms. [css-transforms-1]
</p>

<p>
その値は、［
~UAは三次元変形を~supportするならば 1 ／
~ELSE_ 0
］になる。
◎
If the user agent supports 3D transforms, the value will be 1. Otherwise the value is 0.
</p>

			</section>
		</section>
		<section id="css-gradient-fns">
<h3 title="CSS Gradient Functions">3.3. 各種~CSS~gradient関数</h3>

			<section id="css-gradients-webkit-linear-gradient">
<h4>3.3.1. `-webkit-linear-gradient^f</h4>

<p>
`~gradient関数$
`-webkit-linear-gradient@f
は、
`css3-images-20110217$r にて定義される `linear-gradient$f の別名として扱うモノトスル。
◎
The -webkit-linear-gradient() gradient function must be treated as an alias of linear-gradient as defined in [css3-images-20110217].
</p>

			</section>
			<section id="css-gradients-webkit-radial-gradient">
<h4>3.3.2. `-webkit-radial-gradient^f</h4>

<p>
`~gradient関数$
`-webkit-radial-gradient@f
は、
`css3-images-20110217$r にて定義される `radial-gradient$f の別名として扱うモノトスル。
◎
The -webkit-radial-gradient() gradient function must be treated as an alias of radial-gradient as defined in [css3-images-20110217].
</p>

			</section>
			<section id="css-gradients-repeating-webkit-linear-gradient">
<h4>3.3.3. `-webkit-repeating-linear-gradient^f</h4>

<p>
`~gradient関数$
`-webkit-repeating-linear-gradient@f
は、
`css3-images-20110217$r にて定義される `repeating-linear-gradient$f の別名として扱うモノトスル。
◎
The -webkit-repeating-linear-gradient() gradient function must be treated as an alias of repeating-linear-gradient as defined in [css3-images-20110217].
</p>

			</section>
			<section id="css-gradients-repeating-webkit-radial-gradient">
<h4>3.3.4. `-webkit-repeating-radial-gradient^f</h4>

<p>
`~gradient関数$
`-webkit-repeating-radial-gradient@f
は、
`css3-images-20110217$r にて定義される `repeating-radial-gradient$f の別名として扱うモノトスル。
◎
The -webkit-repeating-radial-gradient() gradient function must be treated as an alias of repeating-radial-gradient as defined in [css3-images-20110217].
</p>

			</section>
		</section>
		<section id="css-properties">
<h3 title="CSS Properties">3.4. 各種~CSS~prop</h3>

			<section id="css-simple-aliases">
<h4 title="Legacy name aliases">3.4.1. 旧来の別名n</h4>

<p>
次に挙げる `-webkit-^css `~vendor接頭辞付き$~propは、
各自に対応する接頭辞なし~propの`旧来の別名n$として~supportするモノトスル。
◎
The following -webkit- vendor prefixed properties must be supported as legacy name aliases of the corresponding unprefixed property:
</p>

<table><thead>
<tr><th>`-webkit-^css 接頭辞付き~prop（別名）
<th>接頭辞なし~prop
<tbody>

<tr><td>`-webkit-align-items@p
<td>`align-items$p

<tr><td>`-webkit-align-content@p
<td>`align-content$p

<tr><td>`-webkit-align-self@p
<td>`align-self$p

<tr><td>`-webkit-animation-name@p
<td>`animation-name$p

<tr><td>`-webkit-animation-duration@p
<td>`animation-duration$p

<tr><td>`-webkit-animation-timing-function@p
<td>`animation-timing-function$p

<tr><td>`-webkit-animation-iteration-count@p
<td>`animation-iteration-count$p

<tr><td>`-webkit-animation-direction@p
<td>`animation-direction$p

<tr><td>`-webkit-animation-play-state@p
<td>`animation-play-state$p

<tr><td>`-webkit-animation-delay@p
<td>`animation-delay$p

<tr><td>`-webkit-animation-fill-mode@p
<td>`animation-fill-mode$p

<tr><td>`-webkit-animation@p
<td>`animation$p

<tr><td>`-webkit-backface-visibility@p
<td>`backface-visibility$p

<tr><td>`-webkit-background-clip@p
<td>`background-clip$p

<tr><td>`-webkit-background-origin@p
<td>`background-origin$p

<tr><td>`-webkit-background-size@p
<p class="issue">
本当は`旧来の別名n$ではない
— `28$issue
を見よ。
◎
Not really a legacy name alias. See issue #28.
</p>
<td>`background-size$p

<tr><td>`-webkit-border-bottom-left-radius@p
<td>`border-bottom-left-radius$p

<tr><td>`-webkit-border-bottom-right-radius@p
<td>`border-bottom-right-radius$p

<tr><td>`-webkit-border-top-left-radius@p
<td>`border-top-left-radius$p

<tr><td>`-webkit-border-top-right-radius@p
<td>`border-top-right-radius$p

<tr><td>`-webkit-border-radius@p
<td>`border-radius$p

<tr><td>`-webkit-box-shadow@p
<td>`box-shadow$p

<tr><td>`-webkit-box-sizing@p
<td>`box-sizing$p

<tr><td>`-webkit-flex@p
<td>`flex$p

<tr><td>`-webkit-flex-basis@p
<td>`flex-basis$p

<tr><td>`-webkit-flex-direction@p
<td>`flex-direction$p

<tr><td>`-webkit-flex-flow@p
<td>`flex-flow$p

<tr><td>`-webkit-flex-grow@p
<td>`flex-grow$p

<tr><td>`-webkit-flex-shrink@p
<td>`flex-shrink$p

<tr><td>`-webkit-flex-wrap@p
<td>`flex-wrap$p

<tr><td>`-webkit-filter@p
<td>`filter$p

<tr><td>`-webkit-justify-content@p
<td>`justify-content$p

<tr><td>`-webkit-mask@p
<td>`mask$p

<tr><td>`-webkit-mask-box-image@p
<td>`mask-border$p

<tr><td>`-webkit-mask-box-image-outset@p
<td>`mask-border-outset$p

<tr><td>`-webkit-mask-box-image-repeat@p
<td>`mask-border-repeat$p

<tr><td>`-webkit-mask-box-image-slice@p
<td>`mask-border-slice$p

<tr><td>`-webkit-mask-box-image-source@p
<td>`mask-border-source$p

<tr><td>`-webkit-mask-box-image-width@p
<td>`mask-border-width$p

<tr><td>`-webkit-mask-clip@p
<td>`mask-clip$p

<tr><td>`-webkit-mask-composite@p
<td>`mask-composite$p

<tr><td>`-webkit-mask-image@p
<td>`mask-image$p

<tr><td>`-webkit-mask-origin@p
<td>`mask-origin$p

<tr><td>`-webkit-mask-position@p
<td>`mask-position$p

<tr><td>`-webkit-mask-repeat@p
<td>`mask-repeat$p

<tr><td>`-webkit-mask-size@p
<td>`mask-size$p

<tr><td>`-webkit-order@p
<td>`order$p

<tr><td>`-webkit-perspective@p
<td>`perspective$p

<tr><td>`-webkit-perspective-origin@p
<td>`perspective-origin$p

<tr><td>`-webkit-transform-origin@p
<td>`transform-origin$p

<tr><td>`-webkit-transform-style@p
<td>`transform-style$p

<tr><td>`-webkit-transform@p
<td>`transform$p

<tr><td>`-webkit-transition-delay@p
<td>`transition-delay$p

<tr><td>`-webkit-transition-duration@p
<td>`transition-duration$p

<tr><td>`-webkit-transition-property@p
<td>`transition-property$p

<tr><td>`-webkit-transition-timing-function@p
<td>`transition-timing-function$p

<tr><td>`-webkit-transition@p
<td>`transition$p
</table>

			</section>
			<section id="css-prefixed-aliases">
<h4 title="Prefixed legacy name aliases">3.4.2. 接頭辞付きな旧来の別名n</h4>

<p>
次に挙げる `-webkit-^css `~vendor接頭辞付き$~propは、
各自に対応する接頭辞なし~propの`旧来の別名n$として~supportするモノトスル。
~UAが接頭辞なしな等価を出荷していない場合、
`-webkit-^css 接頭辞付き~propは，
~UAの自前の~vendor接頭辞付き~propの別名として扱うモノトスル。
◎
The following -webkit- vendor prefixed properties must be supported as legacy name aliases of the corresponding unprefixed properties. If the user agent does not ship the unprefixed equivalent, the -webkit- prefixed property must be treated as an alias of the user agent’s own vendor prefixed property.
</p>

<table><thead>
<tr><th>`-webkit-^css 接頭辞付き~prop（別名）
<th>（~vendor接頭辞付き）~prop
<tbody>

<tr><td>`-webkit-text-size-adjust@p
<td><code>(-prefix-)`text-size-adjust$p</code>
</table>

<div class="example" id="-moz-text-size-adjust-example">
<p>
例えば `-webkit-text-size-adjust^p は、
~Firefoxにおいては `-moz-text-size-adjust^p の
<a href="https://searchfox.org/mozilla-central/rev/7d379061bd56251df911728686c378c5820513d8/devtools/shared/css/generated/properties-db.js#2450-2453">別名として扱われる</a>。
◎
For example, -webkit-text-size-adjust is treated as an alias of -moz-text-size-adjust in Firefox. 
</p>
</div>

<p class="note">注記：
各~propは、
接頭辞を付与し得なくなり次第，`旧来の別名n$として定義し得るようになる
◎
Note: As soon as each property is unprefixable it can be defined as a legacy name alias.
</p>

			</section>
			<section id="css-non-aliased">
<h4 title="Non-aliased vendor prefixed properties">3.4.3. 別名化されていない，~vendor接頭辞付き~prop</h4>

<p class="note">注記：
この節は、
`-webkit-appearance$p ~propを指定していた。
これは、
今や `CSS-UI-4$r
<a href="~CSSUI#appearance-switching">にて定義される</a>。
◎
Note: This section used to specify the -webkit-appearance property. This is now defined in CSS Basic User Interface Module.
</p>

			</section>
			<section id="css-property-mappings">
<h4 title="Property mappings">3.4.4. ~propの対応付け</h4>

<p>
次に挙げる `-webkit-^css `~vendor接頭辞付き$~propは、
各自に対応する接頭辞なし~propに対応付けるように~supportするモノトスル：
◎
The following -webkit- vendor prefixed properties must be supported as mappings to the corresponding unprefixed property:
</p>

<table><thead>
<tr><th>`-webkit-^css 接頭辞付き~prop
<th>接頭辞なし~prop
<tbody>

<tr><td>`-webkit-box-align@p
<td>`align-items$p

<tr><td>`-webkit-box-flex@p
<td>`flex-grow$p

<tr><td>`-webkit-box-ordinal-group@p
<td>`order$p

<tr><td>`-webkit-box-orient@p
<td>`flex-direction$p

<tr><td>`-webkit-box-pack@p
<td>`justify-content$p
</table>

<p class="issue">
これら `-webkit-box-*^p の定義は、
~web互換でないことが既知である。
（ `87$issue ）
◎
These definitions of -webkit-box-* are known to not be web compatible.
</p>

			</section>
			<section id="css-keyword-mappings">
<h4 title="Keyword mappings">3.4.5. ~keywordの対応付け</h4>

<p>
次に挙げる `-webkit-^css `~vendor接頭辞付き$~keywordは、
各自に対応する接頭辞なし~keywordに対応付けるように~supportするモノトスル：
◎
The following -webkit- vendor prefixed keywords must be supported as mappings to the corresponding unprefixed keyword:
</p>

<table><thead>
<tr><th>`-webkit-^css 接頭辞付き~keyword
<th>接頭辞なし~propの~keyword
<tbody>

<tr><td>`-webkit-box@v
<td>`flex$v

<tr><td>`-webkit-flex@v
<td>`flex$v

<tr><td>`-webkit-inline-box@v
<td>`inline-flex$v

<tr><td>`-webkit-inline-flex@v
<td>`inline-flex$v
</table>

<p class="issue">
これら `-webkit-box-*^v 【 `-webkit-*^v ？】の定義は、
~web互換でないことが既知である。
（ `87$issue ）
◎
These definitions of -webkit-box-* are known to not be web compatible.
</p>

<p class="trans-note">【
これらの~keywordが，どの~prop用の値なのか言及されていないが、
表tの 2 列目に挙げられた~keywordは `display$p ~prop用の値を参照しているので，
この要件が適用されるのは `display^p に限られると思われる。
】</p>

			</section>
			<section id="text-fill-and-stroking">
<h4 title="Text Fill and Stroking">3.4.6. ~textの~fillと~stroke</h4>

				<section id="the-webkit-text-fill-color">
<h5 title="Foreground Text Color: the -webkit-text-fill-color property">3.4.6.1. 前景~text色： `-webkit-text-fill-color^p ~prop</h5>

◎名 `-webkit-text-fill-color@p
◎値 `color$t
◎初 `currentcolor$v
◎適 すべての要素
◎継 される
◎百 受容しない
◎算 ~RGBA色
◎順 文法に従う
◎ア 算出d値の型による
◎表終

<p>
`-webkit-text-fill-color$p ~propは、
要素の~text内容の前景`~fill$色を定義する。
◎
The -webkit-text-fill-color property defines the foreground fill color of an element’s text content.
</p>

<div class="example">
<p>
`-webkit-text-fill-color$p が要素の~textの前景~fill色を常に決定する例を示す：
◎
Here’s an example showing -webkit-text-fill-color will always determine the foreground fill color of an element’s text.
</p>

<pre class="lang-css">
.one {
  color: blue;
  /* <span class="comment">
次の宣言は、
初期~値を指定しているので省略できる：
◎
the following can be omitted because it’s the initial value:
</span>
  -webkit-text-fill-color: currentcolor; */
}

.two {
  color: red;
  -webkit-text-fill-color: blue;
}
</pre>

<p>
`one^css ／ `two^css
~classを伴う要素の~textは、
青くなる。
◎
Elements with the one or two classes will have blue text.
</p></div>

				</section>
				<section id="the-webkit-text-stroke-color">
<h5 title="Text Stroke Color: the -webkit-text-stroke-color property">3.4.6.2. ~text~stroke色： `-webkit-text-stroke-color^p ~prop</h5>

◎名 `-webkit-text-stroke-color@p
◎値 `color$t
◎初 `currentcolor$v
◎適 すべての要素
◎継 される
◎百 受容しない
◎算 ~RGBA色
◎順 文法に従う
◎ア 算出d値の型による
◎表終

<p>
`-webkit-text-stroke-color$p ~propは、
要素の~textの`~stroke$色を指定する。
◎
The -webkit-text-stroke-color property specifies a stroke color for an element’s text.
</p>

				</section>
				<section id="the-webkit-text-stroke-width">
<h5 title="Text Stroke Thickness: the -webkit-text-stroke-width property">3.4.6.3. ~text~strokeの太さ： `-webkit-text-stroke-width^p ~prop</h5>

◎名 `-webkit-text-stroke-width@p
◎値 `line-width$t
◎初 `0^v
◎適 すべての要素
◎継 される
◎百 受容しない
◎算 絶対~化された長さ
◎順 文法に従う
◎ア 離散的
◎表終

<p>
`-webkit-text-stroke-width$p ~propは、
要素の~textの各~glyphの辺に描かれる`~stroke$幅（太さ）を指定する。
値を 0 にすると，`~stroke$は塗られなくなる。
負な値は`無効$。
◎
The -webkit-text-stroke-width property specifies the width of the stroke drawn at the edge of each glyph of an element’s text. A zero value results in no stroke being painted. A negative value is invalid.
</p>

				</section>
				<section id="the-webkit-text-stroke">
<h5 title="Text Stroke Shorthand: the -webkit-text-stroke property">3.4.6.4. ~text~stroke略式~prop： `-webkit-text-stroke^p ~prop</h5>

◎名 `-webkit-text-stroke@p
◎値 `line-width$t || `color$t
◎初 個々の~propを見よ
◎適 個々の~propを見よ
◎継 される
◎百 受容しない
◎算 個々の~propを見よ
◎順 文法に従う
◎ア 個々の~propを見よ
◎表終

<p>
`-webkit-text-stroke$p ~propは、
要素の~textの［
`~stroke$幅, `~stroke$色
］を設定するための，［
`-webkit-text-stroke-width$p, `-webkit-text-stroke-color$p
］下位prop用の略式~propである。
◎
The -webkit-text-stroke property is a shorthand property for the -webkit-text-stroke-width and -webkit-text-stroke-color properties, for setting the stroke width and stroke color of an element’s text.
</p>

<div class="example">
<p>
白く~fillされる~textに黒く~strokeする（縁取りする）効果を達成する 2 つの例を示す。
［
1 個目の例では下位prop
2 個目の例では `-webkit-text-stroke$p 略式~prop
］を利用して，同じ結果を得る：
◎
Here are two examples showing how to use the longhand and shorthand -webkit-text-stroke properties to achieve white text with a black stroked text effect.
</p>

<pre class="lang-css">
.stroked-text-longhand {
  color: #fff;
  -webkit-text-stroke-color: #000;
  -webkit-text-stroke-width: 1px;
}

.stroked-text-shorthand {
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke: thin #000;
}
</pre>

<p>
これにより、
次の要素は：
◎
The element
</p>

<pre class="lang-html">
&lt;p class="stroked-text-longhand"&gt;Serious typography&lt;/p&gt;
</pre>

<p>
次のように描画されることになる：
◎
would be rendered as follows:
</p>

<figure>
<p class="alt" hidden id="_dgm-stroked-text">
~strokeされた~textの画像
◎
image of stroked text
</p>
</figure>
</div>

				</section>
			</section>
		</section>
		<section id="css-property-values">
<h3 title="CSS Property values">3.5. ~CSS~prop値</h3>
			<section id="touch-action">
<h4 title="Additional touch-action values">3.5.1. 追加的な `touch-action^p 値</h4>

<p id="propdef-touch-action">
この節では、
`pointerevents2$r による `touch-action$p の定義を増補する `pinch-zoom^v 値を追加する（ `68$issue ）。
◎
This section augments the definition of touch-action from [pointerevents2] to add the pinch-zoom value.
</p>

◎名 `touch-action$p
◎値
`auto^v
| `none^v
| [ [ `pan-x^v | `pan-left^v | `pan-right^v ]
|| [ `pan-y^v | `pan-up^v | `pan-down^v ]
|| <mark>`pinch-zoom^v</mark> ]
| `manipulation^v
◎表終

<p class="trans-note">【
この訳では、
定義~表tの必要な部位だけ示す。
全部的な定義~表tは、
~link先を参照されたし。
】</p>

<p>
`pinch-zoom^v を指定した場合、
複数の手指による~pageの~panningや~zoomingが可能化される。
~zoomingが生じるためには、
【触れている】すべての手指が，［
`pinch-zoom^v の挙動が
（自身または先祖における［
`pinch-zoom^v, `manipulation^v, `auto^v
］いずれかの値を介して）
可能化された要素
］から開始されるモノトスル。
◎
When specified, the pinch-zoom token enables multi-finger panning and zooming of the page. For zooming to occur, all fingers must start on an element that has the pinch-zoom behavior enabled (via one of the pinch-zoom, manipulation, or auto values on itself or an ancestor).
</p>

<p class="note">注記：
画像~回転台にて~panningを横方向だけ不能化したいと望むなら、
不必要に~zoomingが不能化されるのを避けるため，
`touch-action^p に "`pan-y pinch-zoom^v" を利用できる。
◎
Scenarios like image carousels which wish to disable only horizontal panning can use "touch-action: pan-y pinch-zoom" to avoid disabling zooming unnecessarily.
</p>

<p>
`manipulation^v は、
"`pan-x pan-y pinch-zoom^v" の別名である。
◎
manipulation is an alias for "pan-x pan-y pinch-zoom".
</p>
			</section>
		</section>
	</section>
	<section id="dom-compat-section">
<h2 title="DOM Compatibility">4. ~DOMの互換性</h2>

		<section id="webkitcssmatrix-interface">
<h3 title="The WebKitCSSMatrix interface">4.1. `WebKitCSSMatrix^I ~interface</h3>

<p class="note">注記：
`WebKitCSSMatrix$I は、
今や DOM Geometry `geometry-1$r 仕様にて定義された。
◎
Note: WebKitCSSMatrix is now defined by the DOM Geometry specification. [geometry-1].
</p>

		</section>
		<section id="windoworientation-interface">
<h3 title="window.orientation API">4.2. `window.orientation^c API</h3>

<pre class="idl">
partial interface `Window$I {
    readonly attribute `short$ `orientation$m;
    attribute `EventHandler$I `onorientationchange@m;
};

partial interface `HTMLBodyElement$I {
    attribute `EventHandler$I `onorientationchange@m;
};
</pre>

<div class="algo">
`orientation@m
取得子~手続きは
⇒
~RET ［
コレに`関連な大域~obj$に`結付けられた文書$
］の現在の
<a href="#dfn-window-orientation-angle">`window.orientation^c 角度</a>
◎
When getting the orientation attribute, the user agent must run the following steps:
• Let document be this's relevant global object's associated Document.
• Return document’s current window.orientation angle.
</div>

<div class="algo">
<p>
~UAは、
機器の`自然な方位$と異なる角度で表示域を描くときは，次を走らすモノトスル
⇒
`~eventを発火する$( 【当の`~navigable$にて】`作動中な~window$nav【！the Window object of the active document】,
`orientationchange@et
)
◎
Whenever the viewport is drawn at a different angle compared to the device’s natural orientation, the user agent must run the following steps:
• Fire an event named orientationchange at the Window object of the active document.
</p>
</div>

<p>
`orientation$m 属性, および それに結付けられた `orientationchange$et ~eventを実装している~UAは、
非~mobile~platformには，それらを公開しないモノトスル。
◎
User agents implementing the window.orientation attribute and its associated orientationchange event must not expose them on non-Mobile platforms.
</p>

<p class="note">注記：
~iOS~Safariも `body$e 要素に向けて `orientationchange^et ~eventを発火するが、
他の実装は発火しない
— したがって，~webとの互換性には必要yでないことになる。
◎
iOS Safari also fires an orientationchange event on the body element, but other implementations do not, suggesting it’s not necessary for compatibility with the web.
</p>

			<section id="dfn-window-orientation-angle">
<h4 title="window.orientation angle">4.2.1. `window.orientation^c 角度</h4>

<p>
`orientation$m 属性が返す整数~値は、［
−90, 0, 90, 180
］いずれかになる。
~UAは、
これらの値のうち
⇒＃
−90, 0, 90 は，~supportするモノトスル／
180 を~supportしてもヨイ
◎
The possible integer values for the window.orientation angle are: -90, 0, 90, 180. User agents must support the -90, 0 and 90 values and may optionally support 180.
</p>

<p class="note">注記：
0 は、
`自然な方位$を表現する。
［
90 ／ 180 ／ −90
］は、
`自然な方位$から反時計回りに［
90 度t ／ 180 度t ／ 270 度t
］の回転を表現する。
◎
0 represents the natural orientation. -90 represents a rotation 90 degrees clockwise from the natural orientation. 90 represents a rotation 90 degrees counterclockwise from the natural orientation. 180 represents a rotation 180 degrees from the natural orientation.
</p>

<div class="algo">
<p>
~UAは，現在の `window.orientation$m 角度を決定するときは、
次の手続きを走らすモノトスル：
</p>
<ol>
	<li>
%方位~角度 ~LET `現在の方位~角度$
</li>
	<li>
~Assert：
%方位~角度 ~IN { 0, 90, 180, 270 }
</li>
	<li>
~IF［
%方位~角度 ~EQ 270
］
⇒
~RET −90
</li>
	<li>
~IF［
%方位~角度 ~EQ 180
］~AND［
`~UA$は値 180 を~supportしない
］
⇒
~RET 0
</li>
	<li>
~RET %方位~角度
</li>
</ol>
◎
In order to determine the current window.orientation angle, the user agent must run the following steps:
• Let orientationAngle be the current orientation angle.
•• If orientationAngle is less than 180, return orientationAngle.
•• If orientationAngle is 180, and the user agent supports that value, return orientationAngle, else return 0.
•• If orientationAngle is greater than 180, return orientationAngle - 360.
</div>

			</section>
			<section id="event-handlers">
<h4 title="Event Handlers on Window objects and body elements">4.2.2. `Window^I ~obj ／ `body^e 要素~上の~event~handler</h4>

<p>
すべての［
`Window$I ~obj ／ `body$e 要素
］は、［
次に挙げる~event~handler, および
各自に対応する~event~handler~event型
］を属性として~supportするモノトスル：
◎
The following are the event handlers and their corresponding event handler event types that must be supported on all Window objects and body elements as attributes:
</p>

<table><thead>
<tr><th>`~event~handler$
<th>`~event~handler~event型$
<tbody>

<tr><td> `onorientationchange$m
<td> `orientationchange$et
</table>

			</section>
		</section>
	</section>
	<section id="ua-string-section">
<h2 title="The User-Agent String">5. ~User-Agent文字列</h2>

<p>
`User-Agent$h ~headerの構文は、
正式には `HTTP-SEMANTICS$r により定義され，
その値に対し “ベキ” ~levelの指導を供する。
この節は，［
いわゆる~majorな~web~browserにて見出される~User-Agent~pattern†
］の記述的な記録として~serveするが、
その多くは，同じ遺産を共有する他の~browser
（すなわち、
枝分かれしたものや, 埋込んでいるもの（ `forks and embedders^en ））
にも
— より一般なイミにおいては、
`User-Agent$h `~header$を送信する どの`~UA$にも —
適用されることになる。
◎
The User-Agent header field syntax is formally defined by [HTTP-SEMANTICS] and provides SHOULD-level guidance on its value. This section serves as a descriptive record of the User-Agent patterns found in the so-called major web browsers, but much of it will apply to other browsers with a shared heritage (i.e., forks and embedders) as well as any user agent in the more general sense that send a User-Agent header.
</p>

<p class="trans-note">【†
以下の各節に示される~patternは、
一行に収まらないときは，自動改行して呈示される
（改行文字を含むわけではない）。
~pattern内に現れる~space文字は、
そのまま ~User-Agent文字列に含まれる
（どの~patternも、先頭や末尾に~spaceは現れない）。
】</p>

		<section id="ua-string-patterns">
<h3 title="User-Agent Tokens">5.1. ~User-Agent~token</h3>

<p>
~User-Agent
`~token@
は、［
~User-Agent文字列~内の各種 意味論上の単位
］に対する抽象-化を表現する。
この文書は、
各種`~token$を［
山括弧 "&lt;" と "&gt;" で括られた`文字列$
］（例： `version^tk ）として正式~化する。
`~token$は、
他の`~token$を包含し得る。
◎
A User-Agent token is a string that represents an abstraction over a semantic unit in the User-Agent string. This document formalizes a token as a string that begins with an opening bracket "&lt;" and ends with a closing "&gt;" bracket, e.g., &lt;version&gt;. A token may also contain other tokens.
</p>

<p>
~User-Agent文字列の変化しない部分を成す`文字列$は、
`一定@
であるという。
◎
A User-Agent constant is a string whose value does not change.
</p>

<p>
`~token$の値は、［
1 個以上の`~token$, 0 個以上の`一定$な`文字列$
］が成す 2 個以上の何かからなるならば，
それらに
`分解-@
されるという。
◎
When a token’s value is made up from one or more tokens, and optionally constants, it is said to decompose to those tokens and constants.
</p>

			<section id="ua-string-token-reference">
<h4 title="User-Agent Token Reference">5.1.1. ~User-Agent~token参照</h4>

<p>
以下に，共通的な~User-Agent`~token$を挙げる
— これらは、
網羅的ではない。
◎
This is a non-exhaustive list of common User-Agent tokens.
</p>

<table><thead>
<tr><th>
~token
◎
Tokens
<th>記述
◎
Description
<tbody>

<tr><td>`deviceCompat@tk
<td>
機器の形態を表現する。
これは首に、
`Mobile ^l, あるいは［
~desktopを含む【！Desktop or】非~mobile
］機器~用には空~文字列になる。
一部の~browserでは、［
`Tablet^l, `TV^l, `Mobile VR^l, 等々
］などの~token値も送信されたり，
~build情報も含まれる。
◎
Represents the form-factor of the device. Primarily this is "Mobile ", or just the empty string, for Desktop or non-mobile devices. Some browsers have also sent token values such as "Tablet", "TV", "Mobile VR", etc., or included build information as well.

<tr><td>`majorVersion@tk
<td>
~browserの~major~version番号を表現する。
◎
Represents the browser’s major version number.

<tr><td>`minorVersion@tk
<td>
~browserの非~major~version番号を表現する。
◎
Represents the browser’s non-major version numbers.

<tr><td>`oscpu@tk
<td>
機器~OSと~CPU~architecture（後者は省略可能）
を表現する。
◎
Represents the device operating system and (optionally) CPU architecture.

<tr><td>`platform@tk
<td>
下層の機器~platformを表現する。
◎
Represents the underlying device platform.
</table>

			</section>
		</section>
		<section id="ua-string-meta-structure">
<h3 title="Meta Structure">5.2. ~meta構造</h3>

<p>
~User-Agent文字列【！that follow】は、
共通な~meta構造を共有する：
◎
The User-Agent strings that follow share the common meta structure:
</p>

<pre class="bnf">
Mozilla/5.0 (%a) %b
</pre>

<p>
ここで：
◎
Where＼
</p>
<ul>
	<li>
%a は機器~情報を表現している 1 個以上の`~token$
◎
a is one or more tokens representing device information and＼
</li>
	<li>
%b は~browser情報を表現している 1 個以上の`~token$
◎
b is one or more tokens representing browser information.
</li>
</ul>

		</section>
		<section id="ua-string-chrome">
<h3 title="Chrome">5.3. ~Chrome</h3>

			<section id="ua-string-pattern-chrome">
<h4 title="Chrome User-Agent pattern">5.3.1. ~Chromeの~User-Agent~pattern</h4>

<pre class="bnf">
Mozilla/5.0 (`unifiedPlatform$tk) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/`majorVersion$tk.0.0.0 `deviceCompat$tk`Safari^/537.36
</pre>

<div class="example" id="chrome-ua-examples">
<dl>
	<dt>
~desktop
◎
Desktop:＼
</dt>
	<dd>
`Mozilla/5.0 (＜Macintosh; Intel Mac OS X 10_15_7＞) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/＜110＞.0.0.0 Safari/537.36^lmk
</dd>
	<dt>
~mobile
◎
Mobile:＼
</dt>
	<dd>
`Mozilla/5.0 (＜Linux＞; Android ＜10＞; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/＜110＞.0.0.0 ＜Mobile＞ Safari/537.36^lmk
</dd>
</dl>
</div>

			</section>
			<section id="ua-string-tokens-chrome">
<h4 title="Chrome-specific tokens">5.3.2. ~Chromeに特有な~token</h4>

<div>
<table><thead>
<tr><th>~token
<th>記述
<tbody>

<tr><td>`unifiedPlatform@tk
<td>
~platformごとに`一定$な，次に挙げるいずれか
⇒＃
`Linux; Android 10; K^l,
`Windows NT 10.0; Win64; x64^l,
`Macintosh; Intel Mac OS X 10_15_7^l,
`X11; Linux x86_64^l,
`X11; CrOS x86_64 14541.0.0^l,
`Fuchsia^l
</table>

◎
Tokens｜Description

&lt;unifiedPlatform&gt;｜Per-platform constant that is one of the following values:
• "Linux; Android 10; K"
• "Windows NT 10.0; Win64; x64"
• "Macintosh; Intel Mac OS X 10_15_7"
• "X11; Linux x86_64"
• "X11; CrOS x86_64 14541.0.0"
• "Fuchsia"
</div>

			</section>
		</section>
		<section id="ua-string-firefox">
<h3 title="Firefox">5.4. ~Firefox</h3>

			<section id="ua-string-pattern-firefox">
<h4 title="Firefox User-Agent pattern">5.4.1. ~Firefoxの~User-Agent~pattern</h4>

<pre class="bnf">
Mozilla/5.0 (`firefoxPlatform$tk; rv: `firefoxVersion$tk) Gecko/`geckoVersion$tk Firefox/`firefoxVersion$tk
</pre>

<div class="example" id="firefox-ua-examples">
<dl>
	<dt>
~desktop
◎
Desktop:＼
</dt>
	<dd>
`Mozilla/5.0 (＜Windows NT 10.0＞; ＜Win64; x64;＞ rv:＜100＞.0) Gecko/20100101 Firefox/100.0^lmk
</dd>

	<dt>
~mobile
◎
Mobile:＼
</dt>
	<dd>
`Mozilla/5.0 (＜Android 10＞; ＜Mobile;＞ rv:＜100＞.0) Gecko/＜100＞.0 Firefox/＜100＞.0^lmk
</dd>
</dl>
</div>

			</section>
			<section id="ua-string-tokens-firefox">
<h4 title="Firefox-specific tokens">5.4.2. ~Firefoxに特有な~token</h4>

<p>
`firefoxVersion@tk
は、
次のように`分解-$される：
◎
&lt;firefoxVersion&gt; decomposes to the following:
</p>

<pre class="bnf">
`majorVersion$tk.0
</pre>

<p>
`geckoVersion@tk
は：
◎
↓</p>
<ul>
	<li>
~desktop~platform（ Windows, macOS, Linux, 等々）上の~Firefoxにおいては
⇒
~build日付 `20100101^l に凍結された。
◎
In Firefox on desktop platforms (Windows, macOS, Linux, etc.), &lt;geckoVersion&gt; is the frozen build date "20100101".＼
</li>
	<li>
~Android用の~Firefoxにおいては
⇒
`firefoxVersion$tk と同じ値になる。
◎
In Firefox for Android, &lt;geckoVersion&gt; is the same value as &lt;firefoxVersion&gt;.
</li>
</ul>

<p>
`firefoxPlatform@tk
は、
次のように`分解-$される：
◎
&lt;firefoxPlatform&gt; decomposes to the following:
</p>
<ul>
	<li>
<p>
~desktop~platformにおいては：
</p>

<pre class="bnf">
`platform$tk; `oscpu$tk
</pre>
◎
On desktop platforms, "&lt;platform&gt;; &lt;oscpu&gt;".
</li>
	<li>
<p>
~Android用の~Firefoxにおいては：
</p>

<pre class="bnf">
`platform$tk; `firefoxDeviceCompat$tk
</pre>
◎
On Firefox for Android, "&lt;platform&gt;; &lt;deviceCompat&gt;".
</li>
</ul>

<div>
<table><thead>
<tr><th>~token
<th>記述
<tbody>

<tr><td>`firefoxDeviceCompat@tk †
<td>
文字列 `Mobile^l
— 先頭にも末尾にも~spaceを伴わない
</table>
◎
Tokens｜Description
&lt;deviceCompat&gt;｜The string "Mobile", without any leading or trailing spaces.
</div>

<p class="trans-note">【†
原文では， `deviceCompat$tk と同じ名前にされているが、
この訳では `firefoxDeviceCompat$tk に改める
— これらは、
意味は同様でも，定義は異なる別々な用語なので。
】</p>

			</section>
		</section>
		<section id="ua-string-safari">
<h3 title="Safari">5.5. ~Safari</h3>

			<section id="ua-string-pattern-safari">
<h4 title="Safari User-Agent pattern">5.5.1. ~Safari~User-Agent~pattern</h4>

<pre class="bnf">
Mozilla/5.0 (`safariPlatform$tk) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/`safariVersion$tk`deviceCompat$tk`Safari^/`webkitVersion$tk
</pre>

<div class="example" id="safari-ua-examples">
<dl>
	<dt>
~desktop
◎
Desktop:＼
</dt>
	<dd>
`Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/＜15.6＞ Safari/＜605.1.15＞^lmk
</dd>

	<dt>
~mobile
◎
Mobile:＼
</dt>
	<dd>
`Mozilla/5.0 (＜iPhone＞; CPU ＜iPhone OS＞ ＜15_6＞ like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/＜15.6＞ ＜Mobile/15E148＞ Safari/＜604.1＞^lmk
</dd>
</dl>
</div>

			</section>
			<section id="ua-string-tokens-safari">
<h4 title="Safari-specific tokens">5.5.2. ~Safariに特有な~token</h4>

<p>
`safariVersion@tk
は、
次のように`分解-$される：
◎
&lt;safariVersion&gt; decomposes to the following:
</p>

<pre class="bnf">
`majorVersion$tk.`minorVersion$tk
</pre>

<p>
この `minorVersion$tk は、
1 個の数字からなる。
◎
＼, where &lt;minorVersion&gt; is a single digit.
</p>

<p>
`safariPlatform@tk
は、
次のように`分解-$される：
◎
&lt;safariPlatform&gt; decomposes to the following:
</p>
<ul>
	<li>
<p>
~desktop（大きめな~iPad形態も含む）においては、
`一定$になる：
</p>
<pre class="bnf">
Macintosh; Intel Mac OS X 10_15_7
</pre>

◎
On desktop and larger iPad form factors, the constant "Macintosh; Intel Mac OS X 10_15_7".
</li>
	<li>
<p>
~mobile（小さめな~iPad形態も含む）においては：
</p>
<pre class="bnf">
`appleProduct$tk CPU `mobileOSName$tk `iOSVersion$tk like Mac OS X
</pre>

◎
On mobile platforms, including smaller iPad form factors "&lt;appleProduct&gt;; CPU &lt;mobileOSName&gt; &lt;iOSVersion&gt; like Mac OS X".
</li>
</ul>

<div>
<table><thead>
<tr><th>~token
<th>記述
<tbody>

<tr><td>`appleProduct@tk
<td>
次に挙げるいずれか
— ~mobile機器の販売向け製品~名を表現する
⇒
`iPad^l ／ `iPhone^l ／ `iPod^l

<tr><td>`iOSVersion@tk
<td>
~underscoreで区切られた iOS ~version番号を表現する
（<a href="https://github.com/WebKit/WebKit/blob/8afe31a018b11741abdf9b4d5bb973d7c1d9ff05/Source/WebCore/platform/cocoa/UserAgentCocoa.mm#L35-L37">歴史的な互換性の理由</a>のためにある）

<tr><td>`mobileOSName@tk
<td>
<p>
次に挙げる`一定$な値のうち，いずれか：
</p>
<ul>
	<li>
`OS^l （~iPadの様な機器~用）／
</li>
	<li>
`iPhone OS^l （非~iPadの様な機器~用）
</li>
</ul>

<tr><td>`webkitVersion@tk
<td>
<p>
次に挙げる`一定$な値のうち，いずれか：
</p>
<ul>
	<li>
`605.1.15^l （大きめな機器~用, ~mini以外の~iPadも含む）
</li>
	<li>
`604.1^l （小さめな~mobile機器~用, ~iPad~miniも含む）
</li>
</ul>
</table>

◎
Tokens｜Description

&lt;appleProduct&gt;｜Represents the marketing product name of the mobile device, which is one of "iPad", "iPhone", and "iPod".

&lt;iOSVersion&gt;｜Represents the iOS version number, delimited by an underscore ( for historical compatibility reasons).

&lt;mobileOSName&gt;｜A constant that is one of two values: "OS" (for iPad-like devices) or "iPhone OS" (non-iPad-like devices).

&lt;webkitVersion&gt;｜A constant that is one of two values: "605.1.15" (for larger devices, including non-mini iPad) or "604.1" (for smaller mobile devices, including iPad mini).
</div>

			</section>
		</section>
	</section>
	<section id="acknowledgements">
<h2 title="Acknowledgements">謝辞</h2>

<p>
次の方々による，この標準への~feedbackと貢献に謝意を：
</p>

`_acks1@

<p>
`ScreenOrientation$I ~interface `screen-orientation$r
を定義された
`Mounir Lamouri^en, `Marcos Cáceres^en
両氏に。
◎
Thanks to Mounir Lamouri and Marcos Cáceres for defining the ScreenOrientation interface. [screen-orientation]
</p>

<p>
この仕様に定義されている内容のかなりの部分を占める初期の記述を供された
Apple, および WebKit.org のブログ著者に特別な謝意を。
◎
Special thanks to Apple and the WebKit.org blog authors for providing initial descriptions of much of the content defined in this specification.
</p>

<p lang="en">
This standard is written by <a href="https://miketaylr.com/">Mike Taylor</a> (<a href="https://google.com/">Google</a>, <a href="mailto:miketaylr@google.com">miketaylr@google.com</a>).
</p>

	</section>
	<section id="ipr">
<h2 title="Intellectual property rights">知的財産権</h2>

`_ipr1@

	</section>
</main></div>

<div hidden>

<div lang="en" id="_acks1">
Thanks to Alan Cutter, Cameron McCormack, Chris Rebert, Chun-Min (Jeremy) Chen, Daniel Holbert, David Håsäther, Domenic Denicola, Eric Portis, hexalys, Jean-Yves Perrier, Jacob Rossi, Karl Dubost, Philip Jägenstedt, Rick Byers, Simon Pieters, Stanley Stuart, William Chen and Your Name Here for feedback and contributions to this standard.
</div>

<div lang="en" id="_ipr1">
<p>
Copyright © WHATWG (Apple, Google, Mozilla, Microsoft). This work is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International License</a>. To the extent portions of it are incorporated into source code, such
portions in the source code are licensed under the <a href="https://opensource.org/licenses/BSD-3-Clause" rel="license">BSD 3-Clause License</a> instead.
</p>

<p>
This is the Living Standard. Those interested in the patent-review version should view the <a href="https://compat.spec.whatwg.org/review-drafts/2023-06/">Living Standard Review Draft</a>.
</p>
</div>

</div>