diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-07-18 23:58:20 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-07-18 23:58:20 +0900 |
commit | 52c12c1c3a8a92091f5caadf2cd1cc632b345d39 (patch) | |
tree | 424efe84033a7527208833211a8d89ca8210abbb /files/ja/web/api/cssstyledeclaration/cssfloat | |
parent | 2a6500fa9b98c7b57305b14744fea66a58724291 (diff) | |
download | translated-content-52c12c1c3a8a92091f5caadf2cd1cc632b345d39.tar.gz translated-content-52c12c1c3a8a92091f5caadf2cd1cc632b345d39.tar.bz2 translated-content-52c12c1c3a8a92091f5caadf2cd1cc632b345d39.zip |
Web/API/CSSStyleDeclaration 以下を更新 (#1482)
* Web/API/CSSStyleDeclaration/cssText を新規翻訳
2021/06/13 時点の英語版に基づき新規翻訳
* Web/API/CSSStyleDeclaration 以下を整備
Web/API/CSSStyleDeclaration 以下について、2021/07/10時点の内容に同期。未翻訳の記事については新規翻訳
Diffstat (limited to 'files/ja/web/api/cssstyledeclaration/cssfloat')
-rw-r--r-- | files/ja/web/api/cssstyledeclaration/cssfloat/index.html | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/files/ja/web/api/cssstyledeclaration/cssfloat/index.html b/files/ja/web/api/cssstyledeclaration/cssfloat/index.html new file mode 100644 index 0000000000..a95cca1f9d --- /dev/null +++ b/files/ja/web/api/cssstyledeclaration/cssfloat/index.html @@ -0,0 +1,47 @@ +--- +title: CSSStyleDeclaration.cssFloat +slug: Web/API/CSSStyleDeclaration/cssFloat +tags: + - API + - CSSOM + - CSSStyleDeclaration + - Reference +browser-compat: api.CSSStyleDeclaration.cssFloat +translation_of: Web/API/CSSStyleDeclaration/cssFloat +--- +<div>{{APIRef("CSSOM")}}</div> + +<p><span class="seoSummary"><code><strong>cssFloat</strong></code> は {{domxref("CSSStyleDeclaration")}} インターフェイスのプロパティで、 {{DOMxRef("CSSStyleDeclaration.getPropertyValue()")}} を <code>float</code> を引数として呼び出したときの結果を返します。</span></p> +<p>設定したときは、 {{DOMxRef("CSSStyleDeclaration.setProperty()")}} を <code>float</code> を第一引数、指定された値を第二引数として呼び出します。指定された値は {{cssxref("float")}} プロパティで有効な値でなければなりません。</p> + +<h2 id="Syntax">構文</h2> + +<pre class="brush: js">var <var>float</var> = <var>CSSStyleDeclaration</var>.cssFloat(); +<var>CSSStyleDeclaration</var>.cssFloat = <var>"right"</var></pre> + +<h3>値</h3> +<p>{{domxref('CSSOMString')}} です。</p> + +<h2 id="Example">例</h2> + +<p>以下の例では、スタイルシートには、 1 つだけのルール <code>.box</code> に {{cssxref("float")}} プロパティの値が <code>left</code> と設定されています。この値は <code>cssFloat</code> から返されます。次に、 <code>cssFloat</code> を使用して値を "right" に設定し、新しい値を返します。</p> + +<pre class="brush: css">.box { + float: left; + inline-size: 300px; +} +</pre> + +<pre class="brush: js">let myRules = document.styleSheets[0].cssRules; +let rule = myRules[0]; +console.log(rule.style.cssFloat); // "left" +rule.style.cssFloat = "right"; +console.log(rule.style.cssFloat); //right</pre> + +<h2 id="Specifications">仕様書</h2> + +{{Specifications}} + +<h2 id="Browser_compatibility">ブラウザーの互換性</h2> + +<p>{{Compat}}</p> |