表の編集方法(罫線の非表示)

2017/10/23

ここでは、「表の挿入」で表を作成した際に表示される灰色の罫線を消す(非表示にする)方法をご紹介します。

通常は、下画像のように灰色の罫線が表示されてしまいますが、ご紹介する手順を行うと罫線無しにすることが可能です。

罫線を消す(非表示にする)手順

表全体の枠線を非表示にする

①作成した表の中にカーソルを置き、「表の挿入」ボタンをクリックします。


②「表の挿入や編集」のポップアップが表示されたら、「高度」というタブをクリックします。
スタイルに「border-style: none;」と入力し、「更新」ボタンをクリックします。


③更新すると、表全体の枠が非表示になります。(右側はプレビュー画面)


各セルの枠線を非表示にする

④次に罫線を非表示にしたいセルを選択し(今回はすべて選択)、選択した状態で「セルの属性」をクリックします。


⑤先程と同じ様に、「セルの属性」のポップアップが表示されたら「高度」というタブをクリックします。
スタイルに「border-style: none;」と入力し、「更新」ボタンをクリックします。


⑥更新すると、全ての枠が非表示になります。(右側はプレビュー画面)


※セルの属性をセルごとに選択すると全てではなく、一部のみ非表示にすることも可能です。

表の表示方法をアレンジし、より見やすいコンテンツ作成を目指してみて下さい!

 - マニュアル

  関連記事

設定可能なアクション

各ボタンをクリックすることで設定が開始されます。 SNSボタン 位置情報 複製(コピー) リダイレクトの設定 関連リンク

お知らせ一覧の見方

管理画面からユーザー向けのお知らせ一覧を確認する方法です。 管理画面サインイン後 サインイン後、ページ上部にアカウント名とお知らせ一覧のアイコンⓘが表示されます。 新着のお知らせがある時は、このように ・・・ 続きを読む

音声読み上げの設定と独自ファイルの入稿

コード内のテキストを機械が音声読み上げする機能です。 このページの目次1 音声読み上げの設定方法2 コード作成後の編集画面から設定変更する場合3 独自音声ファイルの入稿4 実際の表示5 音声読み上げ対 ・・・ 続きを読む

画像の挿入や編集

ここでは「画像の挿入や編集」ボタンをご紹介します。 ※「画像の挿入・編集」は、表示される画像の挿入設定・大きさ・配置の変更(編集)ができます。一方、右側にある「+」が付いた「画像の管理」は、複数画像の ・・・ 続きを読む

削除

このページの目次1 コードの削除方法2 削除に関するQ&A2.1 Q1. 1〜10までコードを作っていて、No.3を削除した後に、新しいコードを作成したらNo.はいくつ?2.2 Q2. 削除 ・・・ 続きを読む

あなたのコンテンツをQR Translatorで多言語化してみませんか?

まずは無料でお試し