ラベル html の投稿を表示しています。 すべての投稿を表示
スクロールバーの設定
このページでの基本設定は下記内容となっています。★★★の部分にoverflow:hidden;等を入れてください。 <div class="ov…
【CSS】チェックボックスで表示・非表示
せっかく作ったのですが、使う機会がなかったので、今後使うかもしれないってことでまとめました。 メニュー
あいうえお、かきくけこ
さしすせそ
htmlは下記のよ…
schedule2019年2月22日(金曜日)
folder_openhtml |
高さの調整
中身がある場合では高さが自動的に変更しますが、中身が小さい場合、真ん中のsectionだけ大きくして、全体を100%表示したいというときの処理です。説明がう…
display
display:値 display:block ブロック要素にする。 ブロック要素：p、h1(見出し)、divなど display:inline インライン要素にする。 …
背景固定
background-attachment:値; fixed スクロールと一緒に動く。 背景一部固定 body{
background-image:url(背…
角丸
サンプル border-radius:50%;
画面中央表示
tableであれば[vertical-align: middle;]で中央表示が出来るということで、displayを使用してhtml、bodyをtable、t…
float
divを並べるときなどに使用します。
親：overflow:hidden;
先に設定
後で設定
<div style="border:sol…
罫線
基盤となる罫線の種類です。 solid
サンプル
border:solid 3px #6eaa69 double
サンプル
border:do…
文字列の改行
テーブルの幅に合わせて表示したい場合など覚えていると便利な気がします。 white-space 折り曲げ禁止 white-space: nowrap; そのまま表示 w…
文字の行間・間隔
行間を指定する 文字の間隔を指定する 行間を指定する サンプル ここに 文字 .sample_169_1{line-height:250%;} <p class=&q…
インデント・配置・折り返し
インデント[text-indent] 配置[text-align] 折り返し[text-wrap] インデント[text-indent] あいうえお かきくけこ <…
テキスト装飾
文字の装飾はCSSで指定します。基本は下記のようになります。 span {
font-size:12px; /*フォントサイズ*/
font-fami…
サイズ設定
絶対サイズ 相対サイズ in インチ。li=25.4mm (例0.1in) em 基準書体の文字の高さ (例2em) cm センチメートル (例0.5cm) ex 基準書体の文字xの…
inputの種類
<input type=”属性”>
属性 text テキストボックス button ボタン submit 送信ボタン reset リセットボタン image 画像ボ…
media screenの設定
スクリーンサイズによって、スタイルシートを切り替える方法です。
480pxで切り替えを行うようにしています。 html上でのスタイルシートの切り替え <l…
太字設定
font-weight:値
値には数値も可能です(100・200・300・400・500・600・700・800・900）。150とかはないです。
スマフォ(…
ルビ
サンプル 青梗 ちんげん 菜 さい 青梗 ( ちんげん 菜 さい ) <ruby>
青梗<rt>ちんげん</rt>
菜<rt>さ…
Google Fontsを利用する
(1) Google Fonts から取得します。2016/09/24現在の情報となります。 (2)fontの詳細の中に「+」があるのでクリックします（図①）。選択…
指定要素の外側の余白(margin)
個別で指定する .samples{
margin-top:値; /* 上側の指定 */
margin-left:値; /* 左側の指定 */
marg…