【HTML】テキストを折り返さない

<css>white-space: nowrap

【HTML】横並びにした要素を中央に揃える

<style指定なし>

a

b c

---

<各要素のstyleでmargin: auto;>

a

b c

【HTML】ハイパーリンクの下線

下線あり

<css>text-decoration: underline;

下線なし

<css>text-decoration: none;

【HTML】display

インライン

<css>display: inline; background-color: white;

ブロック

<css>display: block; background-color: white;

インライン

<css>display: inline; background-color: white; width: 100px;

ブロック

<css>display: block; background-color: white; width: 100px;

インライン

<css>display: inline; background-color: white; text-align: center;

ブロック

<css>display: block; background-color: white; text-align: center;

インライン

<css>display: inline; vertical-align: middle;

ブロック

<css>display: block; vertical-align: middle;

【HTML】position

絶対

<css>position: absolute; text-align: center; vertical-align: middle;

相対

<css>position: relative; text-align: center; vertical-align: middle;

【HTML】inputの幅がはみ出る

<css>width: 100%;

<css>width: 100%; (-moz- or -webkit-)box-sizing: border-box;

【HTML】transformの要素移動

<css>transform: translate( 50%, 0 );	<css>translateX: 50%;
Bar	Bar
20px 20px 20px 20px 20px 20px 20px 20px 20px 20px	20px 20px 20px 20px 20px 20px 20px 20px 20px 20px

左はそのブロック領域の半分地点からスタートしているが、 右はそのブロック領域の半分に揃うようにスタートしている。

つまり、transform:;の開始は、要素の頭にあり、translate:;は、要素の中心をブロック領域の～%移動で考えられている。

Barの同一<css>定義
display: block;
position: relative;
border: solid;
border-color: black;
width: 100px;
background-color: white;
margin: auto;

【JavaScript(JS)】変数はfunction()の中で定義しないと参照できない。

【Perl】アクセスカウンタ

[構築環境]

• サーバー: さくらレンタルサーバー
• 言語: Perl
• 仕組み: SSI