border-inline-start-style
は CSS のプロパティで、要素の論理的なブロックの先頭側の境界のスタイルを定義し、それが要素の書字方向やテキストの方向に応じて物理的な境界のスタイルに対応付けられます。これは border-top-style
, border-right-style
, border-bottom-style
, border-left-style
の何れかに対応し、どれに対応するかは writing-mode
, direction
, text-orientation
で定義された値によって決まります。
このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。
構文
/* <'border-style'> 値 */ border-inline-start-style: dashed; border-inline-start-style: dotted; border-inline-start-style: groove;
関連するプロパティとしては、 border-block-start-style
, border-block-end-style
, border-inline-end-style
が要素の他の境界のスタイルを定義します。
初期値 | none |
---|---|
適用対象 | すべての要素 |
継承 | なし |
メディア | 視覚 |
計算値 | 指定値 |
アニメーションの種類 | 個別 |
正規順序 | 形式文法で定義される一意のあいまいでない順序 |
値
<'border-style'>
- 境界の線のスタイルです。
border-style
を参照してください。
形式文法
<'border-top-style'>
例
HTML
<div> <p class="exampleText">Example text</p> </div>
CSS
div { background-color: yellow; width: 120px; height: 120px; } .exampleText { writing-mode: vertical-lr; border: 5px solid blue; border-inline-start-style: dashed; }
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
CSS Logical Properties and Values Level 1 border-inline-start-style の定義 |
編集者草案 | 初回定義 |
ブラウザーの互換性
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
デスクトップ | モバイル | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
border-inline-start-style | Chrome 完全対応 69 | Edge 未対応 なし | Firefox
完全対応
41
| IE 未対応 なし | Opera 完全対応 56 | Safari 完全対応 12.1 | WebView Android 完全対応 69 | Chrome Android 完全対応 69 | Firefox Android
完全対応
41
| Opera Android 完全対応 48 | Safari iOS 完全対応 12.2 | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- 実装ノートを参照してください。
- 実装ノートを参照してください。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- 非標準の名前を使用しています。
- 非標準の名前を使用しています。
関連情報
- このプロパティは
border-top-style
,border-right-style
,border-bottom-style
,border-left-style
のうちの一つに対応付けられます writing-mode
,direction
,text-orientation