diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-07-02 23:29:20 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-07-02 23:29:20 +0900 |
commit | a4147eebad41ead6a4f810b520987bd7ff4875d8 (patch) | |
tree | 9458ca5b56e6b8c070ebeceb8a910153d46173e0 /files/ja/conflicting/web/api | |
parent | e6d7b3d331d8fc0a2244f70838fb1496d4f4f776 (diff) | |
download | translated-content-a4147eebad41ead6a4f810b520987bd7ff4875d8.tar.gz translated-content-a4147eebad41ead6a4f810b520987bd7ff4875d8.tar.bz2 translated-content-a4147eebad41ead6a4f810b520987bd7ff4875d8.zip |
/ja/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements を更新 (#1258)
- conflicting 版を正規版に統合
- 2021/02/12 時点の英語版に同期
Diffstat (limited to 'files/ja/conflicting/web/api')
-rw-r--r-- | files/ja/conflicting/web/api/css_object_model/determining_the_dimensions_of_elements/index.html | 32 |
1 files changed, 0 insertions, 32 deletions
diff --git a/files/ja/conflicting/web/api/css_object_model/determining_the_dimensions_of_elements/index.html b/files/ja/conflicting/web/api/css_object_model/determining_the_dimensions_of_elements/index.html deleted file mode 100644 index 42584cb900..0000000000 --- a/files/ja/conflicting/web/api/css_object_model/determining_the_dimensions_of_elements/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: Determining the dimensions of elements -slug: conflicting/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements -tags: - - DOM -original_slug: Determining_the_dimensions_of_elements ---- -<p><span class="CRHTML_TXN"><span id="eq00000g00003">要素の幅と高さを知るためのプロパティはいくつかあり、本当に求めているプロパティがどれであるかわかりにくいことがあります。このページでは目的に応じてどのプロパティを使用すれば良いか説明します。</span></span></p> - -<h3 id="How_much_room_does_it_use_up.3F" name="How_much_room_does_it_use_up.3F">表示に使用されている領域の大きさはどのくらいか?</h3> - -<p>表示されているコンテンツ、スクロールバー(あれば)、padding の幅を含む element の占有スペースの総量を知る必要があるならば、<code><a href="/ja/DOM/element.offsetWidth" title="ja/DOM/element.offsetWidth">offsetWidth</a></code> プロパティと <code><a href="/ja/DOM/element.offsetHeight" title="ja/DOM/element.offsetHeight">offsetHeight</a></code> プロパティを利用するのが良いです:</p> - -<p><img alt="Image:Dimensions-offset.png" class="internal" src="/@api/deki/files/186/=Dimensions-offset.png"></p> - -<h3 id="What.27s_the_size_of_the_displayed_content.3F" name="What.27s_the_size_of_the_displayed_content.3F">表示されているコンテンツのサイズは何か?</h3> - -<p>border、margins、スクロールバーを含まない、実際に表示されているコンテンツの padding のみがどれくらいのスペースを取るか知る必要があるならば、 <code><a href="/ja/DOM/element.clientWidth" title="ja/DOM/element.clientWidth">clientWidth</a></code> プロパティと <code><a href="/ja/DOM/element.clientHeight" title="ja/DOM/element.clientHeight">clientHeight</a></code> プロパティを利用するのが良いです:</p> - -<p><img alt="Image:Dimensions-client.png" class="internal" src="/@api/deki/files/185/=Dimensions-client.png"></p> - -<h3 id="How_big_is_the_content.3F" name="How_big_is_the_content.3F">コンテンツの大きさはどのくらいか?</h3> - -<p>現在どのくらい表示されているかに関わらず、コンテンツの実サイズを知る必要があるならば、<code><a href="/ja/DOM/element.scrollWidth" title="ja/DOM/element.scrollWidth">scrollWidth</a></code> プロパティと <code><a href="/ja/DOM/element.scrollHeight" title="ja/DOM/element.scrollHeight">scrollHeight</a></code> プロパティを利用するのが良いです。たとえ現在スクロールバーの使用のために一部分だけが見えているとしても、これらは element の全コンテンツの幅と高さを返します。</p> - -<p>たとえば、600×400ピクセルの element が300x300ピクセルのスクロールボックスの中に表示されているならば、scrollHeightは400を、scrollWidthは600を返します。</p> - -<h3 id="References" name="References">リファレンス</h3> - -<p><a href="https://docs.microsoft.com/en-us/previous-versions//hh781509(v=vs.85)">MSDN: Measuring Element Dimension and Location</a></p> - -<p>{{ languages( {"en": "en/Determining_the_dimensions_of_elements"}) }}</p> |