margin-right CSS プロパティとは
トピック：要素の右マージンを設定することができる 多くの場合、簡略化されたプロパティmarginは使いやすく、好ましい。負の値を使用できる
プロパティ margin-right
基本 書式：セレクタ {margin-right:値;}
プロパティ 定義と使用法
| デフォルト値・初期値 : | 0 |
|---|
| 適用対象 : | テーブル系要素を除く全ての要素。ただし、table-caption,table,inline-table には適用することができる 。 ::first-letter にも適用される |
|---|
| 継承 : | 不可 |
|---|
| パーセンテージ : | 包含ブロックの幅 |
|---|
| メディア : | visual |
|---|
CSS Version | CSS1 ～ |
|---|
| 計算値 : | 指定されたパーセンテージ値または絶対的な長さ |
|---|
| JavaScript 構文 | object.style.marginRight="funWebref" |
|---|
| アニメーションの種類 : | length |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | margin-right: length | auto | initial | inherit; |
|---|
実例 コード 1
サンプル コードを試すh1 { margin-right: 25px; }p { margin-right: 50px; }
プロパティ値
| 値 | 説明 |
length(長さ) | 長さ値px,pt,cm,emなど、負の値が許容される |
percentage(パーセント) | パーセンテージによるマージン。パーセンテージは、要素を含むブロックの幅に対して計算される |
auto | ブラウザは指定された要素のマージンを計算する |
inherit | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
unset | この値は、プロパティが継承されるかどうかに応じて、inheritまたはのいずれかinitialとして機能します。つまり、すべてのプロパティを継承可能な場合は親の値に設定し、継承できない場合は初期値に設定する |
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| margin-right | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯1 | フルサポート◯12 | フルサポート◯1 | フルサポート◯3 | フルサポート◯3.5 | フルサポート◯1 |
|---|
auto | フルサポート◯1 | 不明 | フルサポート◯1 | フルサポート◯6 | フルサポート◯3.5 | フルサポート◯1 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| margin-right | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯1 | 不明 | フルサポート◯あり | フルサポート◯4 | フルサポート◯6 | フルサポート◯1 | 不明 |
|---|
auto | 不明 | 不明 | 不明 | フルサポート◯4 | 不明 | 不明 | 不明 |
|---|
CSS margin-right | CSS プロパティ 値| 意味 使い方 実例 – WebRef