Teksto ng caption

Likurang halimbawa

Laki ng teksto: 24 px

Posisyon ng caption

Kulay ng teksto

Likuran ng caption

Pagkalabo ng likuran: 80%

Makapal na teksto Anino ng teksto

Hindi video ang mga abstraktong eksena. Hindi sinusuri ng biswal na paunang tingin ang timing ng caption, posisyon sa aktuwal na player, o pagsunod sa mga pamantayan ng accessibility.

Paunang tingin

Paunang tingin sa CSS

Isaayos ang mga kontrol upang makita ang estilo ng caption.

Paano gamitin

I-edit ang sample caption at pumili ng mock scene.
Ayusin ang kulay ng text/background, opacity, laki, bold, anino, at posisyon.
Tingnan ang live preview at kopyahin ang CSS kung kailangan.

Mga style control at live preview

I-preview ang caption sa madilim, maliwanag, o makulay na abstract scene. Baguhin ang font size, kulay ng text at box, opacity, bold, anino, at puwesto sa itaas o ibaba; nag-a-update ang CSS.

Mock scene, hindi video

CSS gradient ang mga background. Hindi ito nag-iimport ng media, nagsi-sync ng timing, sumusubok ng totoong player, o nagsusuri ng subtitle file format.

Visual design aid lang

Nakadepende ang contrast at readability sa footage, playback size, device, at viewing condition. Walang accessibility o WCAG compliance verdict. Nananatili sa browser ang mga value.

Mga madalas itanong

Maaari mo ring alamin

Maaari ko bang i-preview sa sarili kong video?

Hindi. Tatlong abstract CSS background ang gamit at walang video upload.

Pinapatunayan ba nitong readable o compliant ang caption?

Hindi. Visual aid lang ito. Suriin ang contrast, timing, puwesto, at accessibility sa totoong player at media.

Maaari ko bang gamitin muli ang style?

Oo. Kopyahin ang CSS at iakma ang class at values sa caption renderer mo.