特殊見出し - プロゼ民Wiki【非公式】【10/5更新】 | プログラミングゼミの非公式Wiki

10/4 Wikiの快適性向上の為、新たに特殊見出しを実装いたしました。

****(ここに文字を記入)
*****(ここに文字を記入)

で利用いただけます。

表示例

このページは、ひらがなでよむことができます。

ソースコード
****このページは、ひらがなでよむことができます。

ページの最初に追記を希望したい時や、ひらがなで読めることを強調したい時にお使いください。

ソースコード
*****&image(プログラミング 2026_08_08 11_05_25.png)

seesaawikiの#attachref(URL,100%)と同じ役割です。
作品名を表示したい時などにお使いください。

CSS

/*特殊見出し*/
.atwiki-contents h5 {
  border-radius: 3px;
  border: none;
  padding: 5px;
  font-weight: 650;
  box-shadow: 0px 1px 2px #0003;
  background-color: var(--prz-beige);
  text-align: center;
}
.atwiki-contents h6 {
  border-radius: 1px;
  border: none;
  font-weight: 650;
  font-size: 18px;
  padding: 5px;
  box-shadow: 0px 1px 2px #0003;
  background-color: #fff;
}
 
@supports (mask-image: none) or (-webkit-mask-image: none) {
  .atwiki-contents :is(h2, h3, h4,h5,h6) .atwiki-hedit::before {
    background: none;
    -webkit-mask-image: url(https://w.atwiki.jp/common/_img/ic-edit-alt.svg);
    -webkit-mask-size: contain;
    mask-image: url(https://w.atwiki.jp/common/_img/ic-edit-alt.svg);
    mask-size: contain;
  }
  .atwiki-contents h5 .atwiki-hedit::before {
    background-color: var(--prz-beige);
  }
  .atwiki-contents h6 .atwiki-hedit::before {
    background-color: var(--prz-space);
  }
}
 

コメント

• これはすごい -- iPadのプログラミング (2026-10-04 14:00:28)