HTML&CSS

HTML&CSS

【JavaScript】画面遷移なしでformをsubmitする(非同期通信)

HTMLでのformの送信 HTMLで何かしらの情報をPOST送信するときには、formを使うことが一般的です。 ただし、HTMLでのformの送信は画面遷移を伴うため、画面遷移せずにPOST送信をしたいときに、何の工夫もせずにHTMLのf...
HTML&CSS

【CSS】文字に線を引く方法をまとめてみた

text-decorationを使って文字に線を引く text-decorationプロパティは、テキストに線を引くことができるプロパティです。 文字に下線を引く text-decorationプロパティを使って文字に下線を引きます。 <p...
HTML&CSS

【CSS】コーディングでCSSが反映されない時に試すべきことをランキング形式でご紹介!

はじめに CSSを使ってWEBサイトのコーディングをしていると、CSSが反映されず思った通り表示されないということは少なくありません。 また、CSSはブラウザで確認してもエラーが出ることはなく、何が間違っているのか・どこの記述が間違っている...
HTML&CSS

CSSとは?初心者でも理解できるようにわかりやすく解説!

CSSとは CSSとは、WEBページの文字の色や大きさ、背景画像の大きさや配置、枠線や余白などを定義するための言語です。 CSSはWEBページを作成するには欠かせない言語で、「Cascading Style Sheets(カスケーディング・...
HTML&CSS

HTMLから始めるプログラミング。WEBページの基本について学習しよう!

HTMLとは? WEBページの構成を作るマークアップ言語 HTMLとは「Hyper Text Markup Language」略したもので、マークアップ言語に分類されます。 HTMLの役割はWEBページの構成を作ることであり、テキストや画像...
HTML&CSS

【CSS】marginとpaddingの違いをわかりやすく解説!

marginとpaddingの基礎 marginとpaddingはCSSプロパティであり、HTML要素に対してmarginやpaddingに対して値を指定することで、その要素の余白を調整することができます。 marginとpaddingでは...
HTML&CSS

JavaScriptでclass属性を取得・変更する

class属性 HTMLにおけるclass属性は、スタイルシート(CSS)の適用対象として指定したり、スクリプト(JavaScript)の参照先として指定したりといった用途に使用されます。 同じ文書に同じclass属性を複数指定することが可...
HTML&CSS

【CSS】borderで枠線を指定する方法を解説。borderが効かない時の原因と対処法とは?

CSSのborderプロパティでは、HTML要素の枠線を指定することができます。本記事では、borderで枠線を指定する方法や、borderが効かない時の原因と対処法について解説しています。
HTML&CSS

【2022最新】CSSのベンダーフィックスとは?書き方や自動で付与する方法も解説!

ベンダープレフィックスとは? ベンダープレフィックスとは、簡単に言えば「どのブラウザでもきちんとCSSが適用されるように、追加でCSSを指定する」ためのものです。 ベンダー    : ブラウザの提供元プレフィックス : 接頭辞 一昔前までは...
HTML&CSS

【CSS】box-sizingの使い方をわかりやすく解説。要素の幅の算出方法をマスターしよう!

本記事では、box-sizingの使い方についてわかりやすく解説しています。box-sizingでは、HTML要素の表示領域(高さや横幅)の算出方法を指定することができます。