CSS

A property that sets the start position on the horizontal side automatically depending on the text direction (left-to-right or right-to-left).

inset-inline-start

inset-inline-start は、ボックス（要素）の「内側の横方向のスタート位置」を指定するプロパティです。

たとえば、左から右に文章を書く言語（日本語や英語）なら「左からの距離」を、右から左に書く言語（アラビア語など）なら「右からの距離」を自動で切り替えてくれます。

つまり、left と right のように書字方向を意識して切り替える必要がなく、どちら向きの言語でも同じCSSでOK というのがポイントです。

CSS

.box {
    position: absolute;
    inset-inline-start: 20px;
}

この場合、書字方向が「左→右」の言語では「左から20px」、「右→左」の言語では「右から20px」に配置されます。

サイトのトップページ

ウェブページの基本的な構造を作成します。見出し、段落、リンク、画像などの要素を定義します。

ウェブページのデザインやレイアウトを設定します。色、フォント、レイアウトなどのスタイルを指定します。

inset-inline: 文字が流れる向き（横書き/縦書き・LTR/RTL）に合わせて、要素をインライン方向の両端からどれだけ離すかを一度に指定できる位置プロパティ。
inset-inline-end: 文字の流れで見た「終わり側」からの距離を指定して、要素をその側に寄せたり固定したりできるプロパティで、右/左や上下が書字方向に合わせて自動で切り替わる。
left: 左からの配置位置（距離）を指定する。
position: ボックスの配置方法（基準位置）が、相対位置か絶対位置かを指定する。
right: 要素の位置を、右端からの距離で調整します。

ウェブページにインタラクティブな動作を追加します。フォームの検証、アニメーション、リアルタイムのデータ処理などを行います。

サーバー上で動作してデータベースと連携し、動的なWebページを簡単に作成できるスクリプト言語です。