Nuxt.jsでSassを使用した際に「TypeError: this.getOptions is not a function」とエラーが出る 以前投稿したNuxt.jsでSassを使用するの記事でも少し触れましたが、Nuxt.jsでSassを使用した際に「TypeError: this.getOptions is not a function」とエラーが出る状態に遭遇したので、対応方法をメモしておきます。 対応前 Nuxt.jsのプロジェクトを用意した後、Sassで使用するパッケージをインストールします。 npm install --save-dev node-sass sass-loader この時点でnode-sassとsass-loaderのバージョンはそれぞれ以下になっています。 "node-sass": "^6.0.1", "sass-loader": "^12.1.0" 通
visibility / display の使い分け たまに間違って説明している人とか、テーブル行がウマく消えずに苦しんでる人を見かけるので、説明しようとするのだけど、いつも忘れているのでちゃんとまとめておく。 CSS属性 効果 display:none エレメントが表示エリアから消える。DOMとしては存在するが描画されない visiblity:hidden エレメントは描画されない。しかし表示エリアは「残る」。おおざっぱに言えば、背景色で塗りつぶした感じ では実例をお見せする。 日付のところに注目。3行あります。 全部が表示されている状態 visibility : hidden でエレメントを非表示にした場合 display : none でBlock要素を非ブロック要素にした場合 ま、一目瞭然だわな。 参考エントリ 要素の表示/非表示プロパティ。表示/非表示だけだとdisplayプロパ
ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基本 CSSプロパティ一覧［ABC順］ リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。 特集記事 レンタルサーバーの選び方 ～ 選ぶ際のポイントや価格帯の目安を解説 レンタルサーバーの容量はどのくらい必要か ～ 計算方法と目安を解説 おすすめのレンタルサーバー ～ 目的別に推奨サーバーを紹介 記事一覧
ページ全般 ページの背景色、背景画像、マージン、スクロールバー、印刷 ... ボックス ボックスの背景色、背景画像、マージン、パディング、境界線、配置 ... テキスト・フォント 文字サイズ、文字色、装飾、行間、インデント、文字間隔、改行の扱い ... リンク リンク文字の色、リンクの下線、ポイント時の装飾 ... リスト マーカーの種類、画像のマーカー、リストの余白、間隔、配置 ... イメージ 画像のサイズ、切り抜き、画像に並ぶテキスト、回り込み ... テーブル 表の大きさ、表の背景、境界線、セル内の位置指定、回り込み ... フレーム インラインフレームのサイズ、境界線、フレーム内の指定 ... フォーム 入力欄の大きさ、背景、境界線、文字サイズ、入力モード ... フィルタ 半透明、グラデーション、影付け、発光、波状、反転、サンプル一覧 ...
border-style : 上線種 右線種 下線種 左線種; border-top-style : 線種; border-bottom-style : 線種; border-left-style : 線種; border-right-style : 線種; 説明文 ブロック要素や表などのボックスに要素本体を納めるタグについては，要素の外枠に枠線で囲むことができる。スタイルシートの「border-style」では枠線の種類を指定できる。また，水平線の<hr>タグについても指定できる。 枠線は上下左右独立した種類を指定することが可能となっている。「border-top-style」では上側，「border-bottom-style」では下側，「border-left-style」では左側，「border-right-style」では右側の枠線の種類を指定する。また，「border-style
《2017年6月23日 16:30 公開/更新》 1本だけ線を引くCSS [ボックス,線] 文章や話題の区切りを示す目的とか、何らかのデザインなどでウェブページ内に「1本だけ線を引きたい」と思うことがあります。細い1本の横線を。CSS(スタイルシート)を使えば、太さ1ピクセルの線を1本だけ横方向に引くのも簡単です。「ボックスの枠線を活用する」方法と「hr要素を装飾する」方法がありますので、その2通りを解説。 CSS(スタイルシート)を使って1本だけ線を引く方法 方法1. ボックスの枠線として「1本線」を引くCSSの書き方 点線や破線はもっと太くすると違いが分かりやすい 直近の文字と1本線との間隔(距離)を調節したい場合 二重線を引くこともできるが、その場合は太さを「3px」以上にしないといけない 方法2. 区切りを示す目的としてhr要素を使う書き方 hr要素で引く水平線を破線にするCSSの
緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。 "/* */"内はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 使い方：→ ページ全体に適用 → 別ファイルから適用 → 二重線にする HR { color: #ffff00; /* 線の色(IE用) */ background-color: #ffff00; /* 線の色(NN用) */ height: 8px; /* 線の太さ */ border: 3px; /* 枠の太さ */ border-color: #0000ff; /* 枠の色 */ border-style: double; /* 枠の種類 */ }
HTMLやCSS、DynamicHTML、JavaScriptやPerl、Windowsコマンド、ネットワークコマンド、Linuxコマンドといった、Webサイト構築やアプリ開発に欠かせないプログラミング言語とコマンドのリファレンスマニュアルです。各項目のサンプルコードは、コピーし貼り付けてすぐに使えます。入門講座も用意しました。ぜひブックマークしてお役立てください。 HTML HTMLは、Webコンテンツを作成する上で、最も基礎となる記述言語です。各タグについての概要や属性などをサンプルを交えて説明します。 HTMLリファレンス（107項目） HTMLリファレンスの使い方 HTML入門 CSS CSSは、Webページのレイアウトなどといったコンテンツの見栄えを指定する記述言語です。各スタイルの概要や使い方を説明します。 CSSリファレンス（73項目） CSSリファレンスの使い方 CSSの基
Webコンテンツを作成するにはHTMLの他にCSSの理解が必須となっています。CSSを使えばページのスタイルを効率的に変更することが可能です。 本リファレンスでは，主なCSSの項目について説明しています。また，説明の中ではサンプルとしてCSS，HTMLのソースに加え，Internet ExplorerとFirefoxでの表示結果を確認できます。 また，CSSの基本的な使い方については「CSSの基本」を参考にしてください。/p> 機能別 文字・フォント関連 color - 前景色を指定する display - 要素の表示形式を指定する font - フォント関連の設定を一括設定 font-family - 表示フォントの種類を指定する font-size - 文字のサイズを指定する font-style - フォントの形状を指定する font-variant - スモール・キャピタルの設定
～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
配色は、ウェブのイメージを決める重要な要素です。自分の好きな配色にするのもいいですが、ウェブのテーマに沿った配色でユーザーを引き付けてみましょう。 サンプルは全てフルカラーを想定して作成されています。セーフカラーだけで作りたい場合は似た色に変更してみて下さい。
新運輸株式会社 株式会社船津工務店 株式会社山田組 採用サイト 株式会社リプライオリティ 西野建設工業株式会社 河合電器製作所 JPホールディングスグループ リクルートサイト 塩田家具 リヴリア PLATFORM Casa採用情報 Ready Crew madameFIGARO.jp RITA GROUP 大人のための数学・物理・統計教室 豆乳アイス、はじめました。 フォーサイト総合法律事務所 QJWeb 株式会社ジーピーオンライン インフォメーションメディアデザイン株式会社 ひよけ寿司・和食処ひよけ家 brand name 鴻池組 - 新卒採用サイト 電音部 UNLEASH RYUTist いちから株式会社 株式会社エートゥジェイ 鬼怒川金谷ホテル F-FURNITURE 採用情報サイト | 株式会社カデックス 株式会社ミキハウストレード 東京睡眠代謝クリニック新宿 江古田まさ動物病院
What is CSS? Cascading Style Sheets (CSS) is a core language of the open web platform, and is used for adding style (e.g., fonts, colors, spacing) to Web documents. These pages contain information on how to learn and use CSS and on available software. They also contain news from the CSS working group. Highlights The “CSS Snapshot” (latest: 2025) lists the parts that are ready for implementers New
株式会社国際規格認証機構の株式取得（子会社化）のお知らせ 2025/11/28 2025年11月28日、日本規格協会ソリューションズ株式会社（本社：東京都港区、代表取締役：下境健一、以下「当社」）は、株式会社国際規格認証機構（本社：大阪府大阪市、代表取締役：井上雅之、以下「国際規格認証機構」）の発行済全株式を取得し、同社を当社の完全子会社とすることを、お知らせいたします。 詳細は、「株式会社国際規格認証機構の株式取得（子会社化）のお知らせ」をご覧ください。 農林水産省委託事業による国際標準化研修のお知らせ（1月開催、無料） 2025/11/28 2026年1月14日～16日に、『「強み」をルールに。規格提案で市場をリードする。』と題する国際標準化研修を開催します。 本研修は、一般財団法人日本規格協会が農林水産省より受託し実施する事業です。 “規格は与えられるものではなく、自らの強みを表現で
Oops! Sorry!! This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, cons
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く