Sass 文字列関数

Sass 文字列関数

文字列関数は文字列の操作や情報の取得に使用されます。

Sassの文字列は1から始まります。文字列の最初の文字はインデックス0ではなく1に位置します。

以下の表は Sass に含まれるすべての文字列関数を示しています:

関数 説明 & 例
quote(string)

文字列に引用符を追加し、結果を返します。

例:

quote(Hello world!)

結果:"Hello world!"

str-index(string, substring)

子文字列が文字列内で最初に現れるインデックスを返します。

例:

str-index("Hello world!", "H")

結果:1

str-insert(string, insert, index)

指定されたインデックス位置に挿入する insert の文字列。

例:

str-insert("Hello world!", " wonderful", 6)

結果:"Hello wonderful world!"

str-length(string)

文字列の長さ(文字数で)を返します。

例:

str-length("Hello world!")

結果:12

str-slice(string, start, end)

文字列から文字を抽出; start 開始から end 終了し、スライスを返します。

例:

str-slice("Hello world!", 2, 5)

結果:"ello"

to-lower-case(string)

小文字に変換された文字列のコピーを返します。

例:

to-lower-case("Hello World!")

結果:"hello world!"

to-upper-case(string)

大文字に変換された文字列のコピーを返します。

例:

to-upper-case("Hello World!")

結果:"HELLO WORLD!"

unique-id()

ユニークなランダムに生成された無引用の文字列を返します(現在のsassセッション中にユニークであることを保証)。

例:

unique-id()

結果:tyghefnsv

unquote(string)

文字列の周りにある引用符(あれば)を削除し、結果を返します。

例:

unquote("Hello world!")

結果:Hello world!